Der folgende Beitrag wurde am 07. 02. 2011, 22:01 Uhr von mellzi veröffentlicht.
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[code lang=html][/code]
Der folgende Beitrag wurde am 07. 02. 2011, 22:24 Uhr von tolonath veröffentlicht.
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=ul
Der folgende Beitrag wurde am 07. 02. 2011, 22:26 Uhr von tolonath veröffentlicht.
richtiger Link ...
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern
Der folgende Beitrag wurde am 07. 02. 2011, 23:06 Uhr von Take veröffentlicht.
Moin,
>
> Mit Zitat antworten
Also soetwas auch noch mitzukopieren... Ich hab dir doch schon gesagt was du machen sollst: Wende z-index auf dein Untermenü an.
Es reicht ein
#submenu {z-index:2;}
Wenn du das nicht verstehst, lerne erstmal die Grundlagen.
Gruß,
Take
Der folgende Beitrag wurde am 07. 02. 2011, 23:22 Uhr von tolonath veröffentlicht.
Mit z-index:20000; wird es im IE auch nicht erscheinen.
Der folgende Beitrag wurde am 08. 02. 2011, 00:32 Uhr von Take veröffentlicht.
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
Der folgende Beitrag wurde am 08. 02. 2011, 14:04 Uhr von Take veröffentlicht.
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
Der folgende Beitrag wurde am 08. 02. 2011, 09:00 Uhr von mellzi veröffentlicht.
> Moin,
>
> >
> > Mit Zitat antworten
>
> Also soetwas auch noch mitzukopieren... Ich hab dir doch schon gesagt was du machen sollst: Wende z-index auf dein Untermenü an.
>
> Es reicht ein
>
> #submenu {z-index:2;}
>
>
> Wenn du das nicht verstehst, lerne erstmal die Grundlagen.
>
> Gruß,
> Take
Hallo Take,
leider reicht nicht nur ein #submenu {z-index2;}.
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
Der folgende Beitrag wurde am 08. 02. 2011, 14:02 Uhr von Take veröffentlicht.
Moin,
> leider reicht nicht nur ein #submenu {z-index2;}.
> Es funktioniert immer noch nicht.
>
Doch. [Und so ohne: Ohne z-index]
Gruß,
Take
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4