03.12.2004, 12:51
|
|||
|
|||
Überlappung Layer klappt nicht
Hallo zusammen,
bin schon seit Tagen am Basteln, als Anf. tu ich mich da noch schwer. Bekomme das dropdown-menu nicht vorgeblendet. Die Seite mit Bildern unter http://www.webdiseiner.net/css/ Danke für die Hilfe. Gruß Bernd <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <script type="text/javascript" src="dropdown.js"></script> <title>Aufklappmenue</title> <style type="text/css" media="Screen"> <!-- body { text-align:center; background-color:#C2B37A; background-image:url("pics/hgentwurf.jpg"); background-position:50% 0.5%; background-repeat:no-repeat; } /* globaler Container */ #all { position:relative; width:975px; margin:0px auto; text-align:left; z-index:1; } /* Navigation */ #con1 { position:absolute; top:197px; left: 35px; z-index:2; } ul,li { margin:0; padding:0; list-style:none; z-index: 98; } ul#menue { padding: 6px 0 0 0; } ul#menue li { line-height:20px; border-bottom:1px solid silver; width:120px; background-color:black; } ul#menue a { display: block; padding: 0 0 0 5px; border-left: 7px solid black; color: white; font-weight: bold; text-decoration: none; width:100%; } ul#menue a:visited { border-left: 7px solid black; } ul#menue a:hover { border-left: 7px solid #e0d0b0; background-color: black; color: red; } ul#menue a:active { border-left: 7px solid #e0d0b0; } /* Untermenue */ ul#menue ul.submenue { position: absolute; visibility: hidden; } ul#menue ul.submenue li { margin: 0; padding: 0; } ul#menue ul.submenue a { display: block; width:90%; z-index:99; } ul#menue ul.submenue a:visited { border-left: 7px solid black; } ul#menue ul.submenue a:hover { border-left: 7px solid #e0d0b0;} ul#menue ul.submenue a:active { border-left: 7px solid #e0d0b0;} #con2 /* Bauland Bild */ { position:absolute; top:402px; left: 5px; z-index:3; } /* Anzeige Seitennavigation */ #con3 { position:absolute; top:155px; left: 190px; width:310px; height:20px; z-index:4; } /* Extras Styleswitch */ #con4 { position:absolute; top:155px; left: 510px; width:450px; height:20px; z-index:5; } #toolbox { font-size:80%; float:left; } .extra { border:1px solid; padding-left:3px; padding-right:3px; font-size:110%; font-weight:bold; } .extra a { text-decoration:none; } /* eigentlicher Content */ #con5 { position:absolute; top:190px; left: 190px; width:750px; height:380px; background-color:silver; overflow:auto; z-index:5; } #con5 a { font-style:italic; font-size:110%; font-weight:bold; text-decoration:none; color:black; } #con5 a:hover { text-decoration:underline; } --> </style> </head> <body> <div id="all"> <div id="con1"> <ul id="menue">[*]HOME <ul id="erstes" class="submenue"> [*]Hilfe [*]Impressum [*]Aktuelles [*]Grundsätzliches [*]Downloads [*]Webboard [*]Forum [*]Grundsätzliches [*]Downloads [*]Webboard [*]Forum [/list][*]ZWEITER <ul id="zweites" class="submenue"> [*]Hilfe [*]Impressum [*]Aktuelles [*]Grundsätzliches [*]Downloads [*]Webboard [*]Forum [*]Grundsätzliches [*]Downloads [*]Webboard [*]Forum [/list][*]DRITTER <ul id="drittes" class="submenue"> [*]Hilfe [*]Impressum [*]Aktuelles [*]Grundsätzliches [*]Downloads [*]Webboard [*]Forum [*]Grundsätzliches [*]Downloads [*]Webboard [*]Forum [/list][/list]</div> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="186" height="165" id="con2"> <param name="movie" value="pics/burg.swf" /> <param name="quality" value="high" /> <embed src="pics/burg.swf" bgcolor="" scale="showall" play="true" loop="true" menu="true" quality="high" width="186" height="" name="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> </object> <div id="con3"> Seitennavigation </div> <div id="con4"> Style Switcher </div> <div id="con5"> con5 - der fünfte container lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p> </div> </div> </body> </html> 
|
| Sponsored Links |
 |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Layer auf- und zublenden im IE. | powl0r | Javascript & Ajax | 1 | 20.01.2010 11:15 |
| Fußzeile unter Tabelle, bzw. Layer positionieren | Dylan | CSS | 13 | 11.10.2007 16:44 |
| Div Layer inneinander | Tommyfg | CSS | 2 | 31.12.2005 09:59 |
| Div Layer in Div Layer füllt diesen nicht aus (in FF) | Daniel12 | CSS | 2 | 14.08.2005 22:05 |
| Überlappung Layer klappt nicht bei FFox - die 2. | bernd_h_schulz | CSS | 0 | 06.12.2004 17:32 |
Linear-Darstellung
