12/05/2008, 22:19
|
| | | Fecha de Ingreso: marzo-2008
Mensajes: 166
Antigüedad: 16 años, 10 meses Puntos: 5 | |
| Re: Menu desplegable que no despliega.
Hola ya entendí tu problema :P ... es que tampoco yo sabía porque no funcionaba pero es porque el problema sucede porque tu css marca que cuando el mouse pase por encima del elemento li aparezca ul li ul .... y pues tu elemento li no contenía nada (ya que el ul esta en display:none)... asi que necesitas agregarle un enlace que produzca el efecto display:block (espero me hayas entendido) esta es la solucion:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#menu ul li ul{
display:none;
}
#menu ul li:hover ul {
display:block;
}
</style>
</head>
<body>
<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><a href="#">Enlace</a>
<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><a href="#">Enlace</a>
<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>
</body>
</html>
|