Foros del Web » Creando para Internet » CSS »

Menú desplegable de tres niveles

Estas en el tema de Menú desplegable de tres niveles en el foro de CSS en Foros del Web. Hola, foro: Tengo un menú con el que se acceden a distintos apartados de la página. He decidido mejorarlo pudiendo acceder a apartados más concretos. ...
  #1 (permalink)  
Antiguo 12/09/2010, 14:04
Avatar de Alun  
Fecha de Ingreso: diciembre-2009
Ubicación: Liverpool
Mensajes: 140
Antigüedad: 8 años
Puntos: 4
Menú desplegable de tres niveles

Hola, foro:

Tengo un menú con el que se acceden a distintos apartados de la página. He decidido mejorarlo pudiendo acceder a apartados más concretos. Para ello, estoy haciendo que el menú en cuestión se convierta en un desplegable de tres niveles. El problema: no he conseguido ocultar el tercer nivel de ninguna manera. El código:

Código HTML:
Ver original
  1. <div class="menu_hor" id="menu_horiz">
  2.  <ul id="menu_horizontal">  
  3.   <li id="inicio"><a href="index.php" title="Texto"><img src="img/buttons/inicio.png" id="imginicio" onMouseOver="chbut('imginicio', 'inicio2');" onMouseOut="chbut('imginicio', 'inicio');"></a></li>  
  4.   <li id="pelis"><a href="buscar.php?tipo=peliculas" title="Peliculas"><img src="img/buttons/pelis.png" id="imgpelis" onMouseOver="chbut('imgpelis', 'pelis2');" onMouseOut="chbut('imgpelis', 'pelis');"></a>
  5.    <ul>
  6.     <li id="generos">
  7.      Géneros
  8.      <ul class="subgeneros">
  9.       <li class="subgeneros"><a href="#">Drama</a></li>
  10.       <li class="subgeneros"><a href="#">Acción</a></li>
  11.      </ul>
  12.     </li>
  13.     <li><a href="#">SubLink 5.2</a></li>
  14.    </ul>
  15.   </li>
  16.   <li id="libros"><a href="buscar.php?tipo=libros" title="Libros"><img src="img/buttons/libros.png" id="imglibros" onMouseOver="chbut('imglibros', 'libros2');" onMouseOut="chbut('imglibros', 'libros');"></a>
  17.   </li>  
  18.   <li id="musica"><a href="buscar.php?tipo=discos" title="Música"><img src="img/buttons/musica.png" id="imgmusica" onMouseOver="chbut('imgmusica', 'musica2');" onMouseOut="chbut('imgmusica', 'musica');"></a>
  19.   </li>
  20.   <li id="juegos"><a href="buscar.php?tipo=juegos" title="Juegos"><img src="img/buttons/juegos.png" id="imgjuegos" onMouseOver="chbut('imgjuegos', 'juegos2');" onMouseOut="chbut('imgjuegos', 'juegos');"></a>
  21.   </li>
  22.  </ul>
  23. </div>

Y la hoja, solamente lo que he puesto para el tercer nivel, el segundo lo muestro y oculto bien:

Código CSS:
Ver original
  1. .subgeneros{
  2. display:none;}

Con esto, la tercera lista debería ocultarse, ¿no?
¿Qué tengo que poner para ocultarla?

Gracias
  #2 (permalink)  
Antiguo 12/09/2010, 14:06
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Menú desplegable de tres niveles

Aquí tienes ejemplos del gran Mikmoro

http://www.araudi.net/ejemplos/menus...ables_CSS.html

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 12/09/2010, 16:14
Avatar de Alun  
Fecha de Ingreso: diciembre-2009
Ubicación: Liverpool
Mensajes: 140
Antigüedad: 8 años
Puntos: 4
Respuesta: Menú desplegable de tres niveles

Muchas gracias, muy interesante. El último de todos, el horizontal>Vertical>Vertical es el que buscaba.

Un saludo, y gracias de nuevo ^^

Etiquetas: desplegable, tres
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:02.