nicht angemeldet
Untermenü der Navigation geht nicht auf
Hallo,
ihr müsst mir helfen.
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 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:active{
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;
}
Liebe Grüße
Mit Zitat antworten``
-
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=ul
-
richtiger Link ...
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern
-
-
Moin,
Mit Zitat antworten
Also soetwas auch noch mitzukopieren... Ich hab dir doch schon gesagt was du machen sollst: Wende http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=z-index auf dein Untermenü an.
Es reicht ein
#submenu {z-index:2;}Wenn du das nicht verstehst, lerne erstmal <http://de.selfhtml.org/css/index.htm@title=die Grundlagen>.
Gruß,
Take-
Mit z-index:20000; wird es im IE auch nicht erscheinen.
-
Moin,
Mit z-index:20000; wird es im IE auch nicht erscheinen.
Ich sprach auch von CSS, nicht von Workarounds für veraltete Software. In IE 8 geht es. (Behaupte ich jetzt mal, ungetestet)
Gruß,
Take-
Moin,
Moin,
Mit z-index:20000; wird es im IE auch nicht erscheinen.
Ich sprach auch von CSS, nicht von Workarounds für veraltete Software. In IE 8 geht es. (Behaupte ich jetzt mal, ungetestet)
Nee, geht nicht, frage mich warum?
Gruß,
Take
-
-
-
Moin,
Mit Zitat antworten
Also soetwas auch noch mitzukopieren... Ich hab dir doch schon gesagt was du machen sollst: Wende http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=z-index auf dein Untermenü an.
Es reicht ein
#submenu {z-index:2;}
> > > Wenn du das nicht verstehst, lerne erstmal <http://de.selfhtml.org/css/index.htm@title=die Grundlagen>. > > Gruß, > Take Hallo Take, leider reicht nicht nur ein ` #submenu {z-index2;}`{:.language-css}. Es funktioniert immer noch nicht. ...und ich weiß das du das mit dem z-index mir schon geschrieben hast und ich sitze jetzt schon viele Stunden davor lese, lese und probiere. Leider bin ich noch auf kein Ergebnis gekommen. Daher versuche ich über ein Forum auf verständnisvolle Leute zu treffen, die mir vielleicht es mit einfachen Worten mal erklären. Denn vor ein paar Monaten wusste ich von diesen ganzen Sachen überhaupt noch nichts und habe trotzdem schon eine schöne Webseite aufgebaut. Für viele hier ist alles selbstverständlich, leider gibt es aber auch Anfänger und aller Anfang ist eben schwer! Liebe Grüße Mell-
Moin,
leider reicht nicht nur ein
#submenu {z-index2;}.
Es funktioniert immer noch nicht.Doch. [Und so ohne: Ohne z-index]
Gruß,
Take
-
-