Det er sådan at jeg skal have bygge næsten ligesom nemprogrammering med menu.
Den går over et billede altså mit banner billede.
Kode: Vælg alt
<div id="topmenu">
<!--- Logo Allerød Brandvæsen - Supplerende Beredskab --->
<div class="meldbox bgbackground">
<div class="midtalt">
<img src="img/logo/logo.png" alt="logo" class="fl logo">
<h2 class="fr">Title</h2>
</div>
</div>
<!--- header toppen --->
<header>
<div class="header-top midtalt">
<div class="fl">
<ul class="menuul menu">
<li><a href="#">Forside</a></li>
<li><a href="#">Mandskab</a></li>
<li><a href="#">Problemer</a></li>
</ul>
</div>
<div class="fr">
<ul class="menuul">
<li><a href="#">Glemt kodeord</a></li>
<li><a href="#">Log ind</a></li>
</ul>
</div>
</div>
</header>
<div class="hr-bg"></div>
<!--- header toppen / SLUT --->
</div>
<div class="cl"></div>
Kode: Vælg alt
.logo {
height: 60px;
margin: 5px 0px;
}
#topmenu {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
header {
width: 100%;
background: #2e2e2e;
height: 42px;
}
.midtalt {
width: 970px;
margin: 0 auto;
}
.header-top .menuul {
margin: 14px 0 0 0;
display: inline-block;
font-size: 10px;
text-transform: uppercase;
}
.header-top .menu {
font-size: 13px;
font-weight: bold;
}
.header-top .menuul > li, a {
display: inline-block;
color: #8c8c8c;
text-decoration: none;
}
.header-top .menuul > li {
margin-right: 15px;
}
.header-top .menuul > li a:hover {
color: #fff;
text-decoration: none;
}
.cl {
clear: both;
}
Hvordan få jeg billede til at være under menu ligemeget hvad?