Hola a todos, aquí estoy atorado una vez más.
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;
}
Teoricamente, eso debería de hacer el trabajo, pero a la hora de mover el mouse encima, no pasa nada. ¿Alguien podría decirme si hago algo mal? Les estaría muy agradecido. Por cualquier cosa, un fragmento resumido de mi menu html:
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>