zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hover Befehl: Navigation mit Untermenü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.11.2013, 17:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.11.2013
Beiträge: 3
Krautsalat befindet sich auf einem aufstrebenden Ast
Frage Hover Befehl: Navigation mit Untermenü

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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.11.2013, 17:39
Benutzer
neuer user
 
Registriert seit: 07.10.2011
Ort: Berlin
Beiträge: 32
v217.89 befindet sich auf einem aufstrebenden Ast
Standard

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..
__________________
PHP-Code:
<?phahap

     
echo 'haha';

?>

Geändert von v217.89 (20.11.2013 um 17:42 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.11.2013, 17:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.11.2013
Beiträge: 3
Krautsalat befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von v217.89 Beitrag anzeigen
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.
Mit Zitat antworten
  #4 (permalink)  
Alt 20.11.2013, 17:46
Benutzer
neuer user
 
Registriert seit: 07.10.2011
Ort: Berlin
Beiträge: 32
v217.89 befindet sich auf einem aufstrebenden Ast
Standard

.. 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.
__________________
PHP-Code:
<?phahap

     
echo 'haha';

?>

Geändert von v217.89 (20.11.2013 um 17:53 Uhr) Grund: Nachtrag
Mit Zitat antworten
  #5 (permalink)  
Alt 20.11.2013, 17:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.11.2013
Beiträge: 3
Krautsalat befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von v217.89 Beitrag anzeigen
.. 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

Geändert von Krautsalat (20.11.2013 um 17:54 Uhr)
Mit Zitat antworten
Antwort

Stichwörter
css, hover, navigation, untermenü

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:36 Uhr.