Fehler beim Untermenü erstellen

MellZi · #1 (**permalink**) 06.02.2011, 19:25

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 {

}

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

take_a_7 · #2 (**permalink**) 06.02.2011, 21:08

Doch, es erscheint, aber du siehst es nicht. Benutze z-index.

Gruß,
Take

MellZi · #3 (**permalink**) 07.02.2011, 08:22

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

LG Melanie

MellZi · #4 (**permalink**) 07.02.2011, 09:18

...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

hubspe · #5 (**permalink**) 07.02.2011, 09:43

Zitat:

Zitat von MellZi

...hab es mir grad mal durchgelesen...ist aber ganz schön kompliziert.

Lesestoff für Anfänger.

Ein rudimentärer Abriss der Stapelreihenfolge.

MellZi · #6 (**permalink**) 07.02.2011, 10:40

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

MellZi · #7 (**permalink**) 07.02.2011, 21:04

....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

Helft mir bitte!

Liebe Grüße

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 12:25
Fehler: character ";" not allowed in attribute specification list	Schaum	Javascript & Ajax	2	20.01.2011 13:54
Fehler: $(blabla...) is null... Was bedeutet das und wie kann ich es beheben?	pkipper	Javascript & Ajax	2	04.05.2010 09:16
PHP: ereg_replace verursacht fehler nach Umstellung auf UTF-8	braindead	Serveradministration und serverseitige Scripte	5	02.07.2007 10:28
Kleiner Fehler bei Opera und IE -> Bitte Hilfe!	ONeill	CSS	10	11.08.2006 13:40