Hallo!

Wenn der User mit der Maus auf einen Menüpunkt im horizontalen Menü fährt, soll darunter eine div-Box angezeigt werden (momentan nur Link). Ich habe schon das horizontale Menü mit

Code :

1 2 3 4 5

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

gemacht. Soweit ich weiß muss ich display:none und display:block anwenden um die div box unter dem ausgewählten Menüpunkt zu verstecken und wieder anzuzeigen. Jedoch geht das nicht. CSS:

Code :

1 2 3

#Nav ul li ul{     display:none; }

Code :

1 2	#Nav ul li ul li a {     display:block;}

Was mache ich falsch?

Code :

1 2 3 4 5 6

<div id="Nav">                 <ul>                     <li><a href="#" title="xxx">test</a>                         <ul>                             <li>                                 <a href="#" title="xxx">Hallo</a>

Zitat von anve

Soweit ich weiß muss ich display:none und display:block anwenden um die div box unter dem ausgewählten Menüpunkt zu verstecken und wieder anzuzeigen. Jedoch geht das nicht. CSS:

Code :

1 2 3

#Nav ul li ul{     display:none; }

Code :

1 2	#Nav ul li ul li a {     display:block;}

Was mache ich falsch?

Code css:

1 2 3

#Nav ul li:hover ul{ /* Untermenü mittels :hover-Pseudoklasse anzeigen */     display:block; }

Und ich habe hover auf das letzte ul bzw. a Element gebunden... Kein Wunder, dass es nicht funktioniert hat. Danke!