menu desplegable, se superponen los li.

[Iballa]

Iniciado por ArturoGallegos

esta linea esta mal

Código CSS:

.nav-prin ul li:hover ul li {
        background: yellow;
        display: block;
        position: absolute;
     
    }
 

debe de afectar solo a la lista no a los items, y puedes de paso agregar un selector para afectar solo al submenu siguiente y no a todos, ademas eliminar código innecesario

Código CSS:

.nav-prin li:hover>ul{
        background: yellow;
        display: block;
        position: absolute;
     
    }
 

@alberto510a, si usas relative en lugar de absolute el menú al desplegarse hará que todo el contenido se desplace hacia abajo.

Arturo, cuando pongo sólo para las ul, o sea, como el código que me pusiste, ya no se me desplega el submenu... no puede ser, en cambio, el código que puso Alberto, lo copio y pego y me funciona perfectamente el menú desplegable tal y como yo quería, sin desplazarme los otros elementos de la página ni nada.

El caso es que no lo llego a entender, me tomo un café y lo investigo, porque entender bien como se comportan los elementos tiene su tela.

gracias a los dos¡¡

pd: me lo he puesto a mirar y estoy viendo que tiene que ver con la altura (height) que no le doy yo en el .nav-prin ul li , cuando le pongo altura al navegador, me despliega bien el menu, sin desplazarme la pagina. Tambien tengo que poner posiciion relativa abajo, en.nav-prin li:hover ul li, no absoluta....Sigo sin saber por qué....