Hace tiempo, pedí ayuda para encontrar un código de como usar menús desplegables con CSS. Hoy por fin comenzé a implementarlos, pero algo muy extraño está ocurriendo. Tengo este código:
Código HTML:
#menu ul li ul{ display:none; } #menu ul li:hover ul{ display:block; }
Código HTML:
<div id="menu"> <ul> <li><a href="javascript:loadurl('main.html','main')" accesskey="P">Principal</a></li> <li><a href="javascript:loadurl('faq.html','main')" accesskey="F">F.A.Q.</a></li> <li><a href="javascript:loadurl('contact.html','main')" accesskey="C">Contactanos</a></li> <li><a href="#" class="sub" accesskey="M">+ Mis Temas:</a></li> <li> <ul class="submenu"> <li><a href="javascript:changestyle('heaven.css','heaven.html','main')" accesskey="H">Heaven</a></li> <li><a href="javascript:changestyle('inferno.css','inferno.html','main')" accesskey="I">Inferno</a></li> </ul> </li> <li><a href="#" class="sub" accesskey="M">+ Más Temas:</a></li> <li> <ul class="submenu"> <li><a href="javascript:changestyle('sakred.css','sakred.html','main')" accesskey="S">Sakura Red</a></li> <li><a href="javascript:changestyle('plain.css','plain.html','main')" accesskey="P">Plain</a></li> </ul> </li> </ul> </div>