Hover Befehl: Navigation mit Untermenü

Krautsalat · #1 (**permalink**) 20.11.2013, 17:05

Hallo Community,
habe ein Problem mit meiner Navigationsleiste. Wenn ich über den Punkt "Getränke" fahr öffnet sich zwar das Untermenü jedoch schließt es sich direkt wieder wenn ich den Punkt "Getränke" verlasse, sodass ich keinen link aus dem Untermenü anklicken kann. Was soll ich tun?
Gruß Kraussalat

HTML-Code:

<html>
<head>

<style>
#navigation {
position: absolute;
left: 50px;
top: 50px;
height: 600px;
width: 235px;
}

#navigation ul {
list-style-type: none;
}

#navigation ul a{
font-size: 25px;
font-family: Impact;
color: black;
}

#navigation ul#navi_menu li {
padding: 15px 0px 0px 0px;
text-align:right;
}

#navigation ul#navi_sub_menu li a{
font-size: 15px;
text-align:right;
}

#navigation ul#navi_menu li:hover a{
color: #FA09E6;
}

#navigation ul#navi_sub_menu li:hover a{
color: #FA09E6;
}

#navigation #navi_sub_menu {
display: none;
}

#navigation #getraenke:hover + #navi_sub_menu {
display: block;
}
</style>

</head>
<body>

<div id="navigation">
         <ul id="navi_menu">
                 <li> <a href="events.html">Events</a> </li>
                 <li> <a href="djs.html">Unsere DJ's</a> </li>
                 <li id="getraenke"> <a href="#">Getränke</a> </li>
                         <ul id="navi_sub_menu">
                                 <li> <a href="#">Cuba Libre</a> </li>
                                 <li> <a href="#">Zombie</a> </li>
                         </ul>
                 <li> <a href="#">Galerie</a> </li>
         </ul>
</div>

</body>
</html>

v217.89 · #2 (**permalink**) 20.11.2013, 17:39

Wenn ich mit der Maus auf dem Navigationspunkt bin, sich das Untermenü entsprechend 'öffnet' und ich dann den Bereich (Link) wieder verlasse, schließt das Untermenü.

Erreiche ich das Untermenü also nicht bevor ich den den Bereich verlassen habe, schließt es dementsprechend.

D. h., das Untermenü sollte direkt mit dem Link abschließen..

Krautsalat · #3 (**permalink**) 20.11.2013, 17:44

Zitat:

Zitat von v217.89

Wenn ich mit der Maus auf dem Navigationspunkt bin, sich das Untermenü entsprechend 'öffnet' und ich dann den Bereich (Link) wieder verlasse, schließt das Untermenü.

Erreiche ich das Untermenü also nicht bevor ich den den Bereich verlassen habe, schließt es dementsprechend.

D. h., das Untermenü sollte direkt mit dem Link abschließen..

danke für die antwort. leider hilft es auch nichts das padding des untermenüs auf 0px zu setzen. menü schließt sich bevor ich es erreiche.

v217.89 · #4 (**permalink**) 20.11.2013, 17:46

.. eben erst bemerkt, dass dein li-tag noch vor der Liste schließt.

Richtig müsste es sein:

<li>
<ul></ul>
</li>

Dein Stylesheet sieht dementsprechend auch falsch aus. Wenn du über den Link fährst, möchtest du, dass das Untermenü öffnet und nicht der darin liegende Link.

Krautsalat · #5 (**permalink**) 20.11.2013, 17:50

Zitat:

Zitat von v217.89

.. eben erst bemerkt, dass dein li-tag noch vor der Liste schließt.

Richtig müsste es sein:

<li>
<ul></ul>
</li>

habe es jetzt geändert wie du es gesagt hast. jetzt öffnet sich jedoch gar nichts mehr

Funktioniert jetzt! Danke v217.89

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Ausrichtung Kalender	greece4u	CSS	20	14.05.2012 13:32
Navigation ist nicht mittig	Schokokrapfen	CSS	29	19.09.2011 23:19
Multi-Level Navigation mit Grafiken	koncrete	CSS	3	02.08.2008 02:28
Javascript UL Navigation im IE6	ven	CSS	7	29.04.2008 15:29
Darstellungsproblem CSS Navigation im IE7	pcklinik	CSS	7	09.09.2007 17:25