[chiara01]

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:

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;
}

<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>&nbsp;&nbsp;
                            <a href="#" class"navi_oben_hover">Termine</a>&nbsp;&nbsp;
                            <a href="#" class"navi_oben_hover">Stadtplan</a</ul>
                        </div>


                     </div>

Gruß Chiara

[heiko_rs]

z.B. per pos. abs. mit left und top, aber wieso hast Du 2 Grafiken mit gleichlautendem Text im Markup, und willst eine davon unsichtbar machen? Da gibt es ganz andere Möglichkeiten, wenn Du kurz den Sinn des Ganzen erklärst

[chiara01]

Zitat von heiko_rs

z.B. per pos. abs. mit left und top, aber wieso hast Du 2 Grafiken mit gleichlautendem Text im Markup, und willst eine davon unsichtbar machen? Da gibt es ganz andere Möglichkeiten, wenn Du kurz den Sinn des Ganzen erklärst

Die Bilder sind doch nur zur Übung bzw. zum Ausprobieren!!
Es sollen später im Typo3 immer andere Bilder unserer Stadt eingeblendet werden!! Also quasi Menüpunkt Rathaus - Bild vom Rathaus, Wirtschaft - oben Bilder unserer Firmen usw.!! Und ich dachte mir, dass es schön wäre, wenn das Logo da einfließt?! Hm? (komm halt aus der grafischen Schiene....!! *g*)

[heiko_rs]

Wenn es also eher Impressionen (= Dekoration) sind, gehören diese Bilder als background ins CSS und Du brauchst Dir über Überlagerungen keine Gedanken zu machen

z.B. kann eine <h1> das Logo als img enthalten, während ihr die wechselnden Deko-Grafiken als BG-Bild zugewiesen werden.

[chiara01]

Danke hab`s hinbekommen!!