Hallo,
ich hab folgendes vor:
ich möchte in meinem Headerbereich das Logo über ein Bild verlagern!
hier mal ein screenshot:
wie mach ich das, dass mein Logo über dem Bild in der Mitte liegt??
hier mal die Codes:
Code:
div#header_container {
font:10px Verdana,Arial;
color:#000000;
margin: 3px 3px;
padding-top:3px;
padding-bottom:0px;
background-color:#ffffff;
}
.boxnavi{
padding:0px;
margin:0 0px 0 0px;
width:110px;
height:80px;
float:right;
clear:right;
text-align:right;
}
.boxlogo{
padding-top:0px;
margin-left:0px;
margin-top:0px
width:346px;
height:71px;
border:none ;
position: absolute;
}
.boxbild{
padding-left:0px;
padding-top:0px;
padding-right:0px;
margin-left:320px;
margin-top:3px;
width:auto;
height:30px;
color: #333333;
z-index:1;
position: absolute;
border: thin dashed #999999;
clear:left;
}
HTML-Code:
<div id="header_container">
<div class="boxlogo">
<img src="../gfx/logo.png" alt="" border="0" width="346" height="71">
</div>
<div class="boxbild" >
<img src="../images/logo.jpg" alt="" border="0" width="700" height="68">
<!--/ ###HEADERBILD### beginn-->
<!--/ ###HEADERBILD### ende-->
</div>
<div class="boxnavi">
<ul><a href="#" class"navi_oben_hover"><b>Notfall</b></a>
<a href="#" class"navi_oben_hover">Termine</a>
<a href="#" class"navi_oben_hover">Stadtplan</a</ul>
</div>
</div>
Gruß Chiara