Fehler beim Untermenü erstellen
Hallo,
ihr müsst mir helfen :cry: Bin gerade dabei und erstelle auf meiner Webseite bei meiner Navigation ein Untermenü. Leider klappt es nicht ganz. Nachdem ich mein Untermenü auf: "display none" gestellt habe verschwindet ja mein Untermenü. Wenn ich dann den Befehl: li:hover ul#submenu {display: block;} eingefügt habe, damit das Untermenü beim berühen meiner Navigation wieder öffnet, tut sich leider gar nichts. Mein Untermenü bleibt verschwunden! :( Kann mir vielleicht jemand helfen??? Hier ist meine html-Seite: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Zilch, Krapf & Rasch</title> <link href="basic.css" rel="stylesheet" type="text/css" media="all" > <link href="navigation.css" rel="stylesheet" type="text/css" media="all" > </head> <body> <div id="container"> <div id="header"> <div class="navi"> <ul> <li class="aktive"> <a href="index.html" title="Zur Startseite">HOME</a> </li> <li> <a href="vertragspartner.html" title="Zu unseren Vertragspartnern">VERTRAGSPARTNER</a> </li> <li> <a href="kontakt.php" title="Nehmen Sie Kontakt auf">KONTAKT</a> </li> <li> <a href="impressum.html" title="Impressum und rechtliche Hinweise">IMPRESSUM</a> </li> </ul> </div> </div> <div id="content"> <div id="banner"> <h1> Z I L C H, K R A P F & R A S C H </h1> <h2> Kfz.-Sachverständige und Prüfingenieure<span class="for"> in Partnerschaft</span> </h2> </div> <div id="sidebarleft"> <ul id="menu"> <li><a href="#">ANSPRECHPARTNER</a> <ul id="submenu"> <li><a href="#">GESCHÄFTSFÜHRER</a></li> <li><a href="#">MITARBEITER</a></li> <li><a href="#">ANDERE</a></li> </ul> </li> <li><a href="#">LEISTUNGSSPEKTRUM</a> </li> <li><a href="#">RATGEBER</a> </li> <li><a href="#">GESCHÄFTSZEITEN</a></li> <li><a href="#">IHR WEG ZU UNS</a></li> <li><a href="#">GALERIE</a></li> <li><a href="#">PRÜFSTELLE EISENACH</a></li> </ul> </div> <div id="sidebarright"> <h3> HERZLICH WILLKOMMEN </h3> <br /> <p> </p> </div> </div> <div id="footer"> <div class="copy"> <p> Copright by Zilch, Krapf & Rasch 2011 </p> </div> <div class="bild""> <img src="buerohef.jpg" alt="Büroräume Bad Hersfeld" > </div> </div> </body> </html> ...und hier meine css-Seite für die Navigation: ul#menu { } ul#menu li { position: relative; border-bottom: 3px solid #18185a; border-top: 3px solid #18185a; margin:20px 20px; background: #adadad url(buttonpfeilblau.gif) right; } ul#menu li a:link, ul#menu li a:visited{ font-weight: bold; text-decoration: none; display: block; padding: 15px 5px 15px 10px; font-family: Arial, verdana; font-size: 12px; color: #18185a; } ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:aktive{ background: #adadad url(buttonpfeilgrau.gif) right; } ul#submenu { display: none; position: absolute; top:-20px; left: 248px; width: 240px; } li:hover ul#submenu { display: block; } ul#submenu li { background: url(buttonblau.gif) no-repeat right top; border: none; } ul#submenu li a:link, ul#submenu li a:visitet { padding: 15px 0px 15px 10px; width:200px; } |
|
Danke Take,
muss ich mir mal durchlesen. Vom z-index hab ich ja noch gar nicht gehört :( Darf ich mich bei dir noch mal melden wenn ich weiterhin Probleme hab?! Bin nämlich noch ein kleiner Anfänger :roll: LG Melanie |
...hab es mir grad mal durchgelesen...ist aber ganz schön kompliziert. Muss ich jetzt meiner Navigation ein z-index: 1; geben und meinem Untermenü ein z-index: 2; ?
An welcher Stelle meiner Css-Datei muss ich das schreiben?? Liebe Grüße |
Zitat:
Ein rudimentärer Abriss der Stapelreihenfolge. ;) |
Danke hubspe! Werd ich mir dann in Ruhe durchlesen. Meinst du ich könnte mein Problem mit Z-index lösen. Hast du dir meinen Code mal angeschaut?
LG |
....jetzt hab ich das mit dem z-index ausprobiert....und ich krieg es nicht hin. An welche Stelle muss ich es denn schreiben? ....ich versteh es nicht :cry:
Helft mir bitte! Liebe Grüße |
Alle Zeitangaben in WEZ +2. Es ist jetzt 12:44 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023