✔ Horizontales Menü soll bei hover Box anzeigen

[anve]

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

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

#Nav ul li ul{
	display:none;
}

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

Was mache ich falsch?

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

 

[SpiceLab]

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:

#Nav ul li ul{
	display:none;
}

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

Was mache ich falsch?

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

 

[anve]

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