Foros del Web » Creando para Internet » CSS »

Problema con menu desplegable con CSS

Estas en el tema de Problema con menu desplegable con CSS en el foro de CSS en Foros del Web. Hola, estoy tratando de implementar un menú desplegable y ni a palos lo logro. No veo el error en el código, mi lógica me dice ...
  #1 (permalink)  
Antiguo 12/10/2011, 14:12
 
Fecha de Ingreso: noviembre-2008
Ubicación: Ciudad Habana
Mensajes: 1
Antigüedad: 15 años, 5 meses
Puntos: 0
Problema con menu desplegable con CSS

Hola, estoy tratando de implementar un menú desplegable y ni a palos lo logro. No veo el error en el código, mi lógica me dice que debe funcionar, pero nada... es decir, logro ocultar los elementos, pero el display: block luego no me los muestra.
Este es el código..
html:
Código HTML:
<nav>
      <ul>
        <li><a href="#">Primero</a></li>
        <li><a href="#">Segundo</a></li>
        	<ul>
            	<li><a href="#">2.1</a></li>
                <li><a href="#">2.2</a></li>
                <li><a href="#">2.3</a></li>
                <li><a href="#">2.4</a></li>
            </ul>
        <li><a href="#">Tercero</a></li>
      </ul>
    </nav> 
y aquí el CSS
Código HTML:
nav {
	float:right;
	display:block;
	}
nav ul li {
	float:left;
	list-style: none;
	margin: 0 25px;
	display: block;
}
nav ul ul {
	display: none;
	}
nav ul li.hover > ul 
{
   display:block;
}
Alguna idea? gracias de antemano
  #2 (permalink)  
Antiguo 12/10/2011, 14:16
Avatar de skiper0125  
Fecha de Ingreso: octubre-2010
Ubicación: $this->Mexico('Toluca');
Mensajes: 1.127
Antigüedad: 13 años, 6 meses
Puntos: 511
Respuesta: Problema con menu desplegable con CSS

Hola que tal.

Checa esto

Saludos
__________________
Recuerda que estamos aquí para orientarte, y no para hacer tu trabajo.
Si mi aporte fue de ayuda, recuerda que agradecer no cuesta nada +1

Skiper0125
  #3 (permalink)  
Antiguo 12/10/2011, 23:04
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Problema con menu desplegable con CSS

Será que esto:
Código CSS:
Ver original
  1. nav ul li.hover > ul
  2. {
  3.    display:block;
  4. }

Debería ser:
Código CSS:
Ver original
  1. nav ul li:hover > ul
  2. {
  3.    display:block;
  4. }
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: desplegable, display:block, html, menu-desplegable
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 05:47.