zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Wie kann ich 3 Boxen überlagern??

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.08.2009, 15:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2009
Beiträge: 14
chiara01 befindet sich auf einem aufstrebenden Ast
Standard Wie kann ich 3 Boxen überlagern??

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>&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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.08.2009, 15:10
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.08.2009, 16:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2009
Beiträge: 14
chiara01 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
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*)

Geändert von chiara01 (20.08.2009 um 16:02 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 20.08.2009, 16:13
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 20.08.2009, 16:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2009
Beiträge: 14
chiara01 befindet sich auf einem aufstrebenden Ast
Standard

Danke hab`s hinbekommen!!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Dingend Hilfe benötigt bei CSS Boxen für eine Wetterseite! Web4Live CSS 2 13.07.2011 16:01
Mitwachsende Container: 4 Boxen Cu Chullain CSS 1 08.09.2010 18:57
Nebeneinanderliegende gleichhohe Boxen mantiz CSS 13 08.02.2010 00:13
Boxen beim Seitenladen zuklappen (ohne "Flackern") Plasm Javascript & Ajax 5 08.01.2010 16:42
Gleiche Abstände zwischen Boxen? Shepstar CSS 5 29.07.2006 03:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:29 Uhr.