Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Linton en 29 Marzo 2014, 08:03 am



Título: ¿Cómo hacer desplegables grandes para menú?
Publicado por: Linton en 29 Marzo 2014, 08:03 am
Me refiero al que podemos ver por ejemplo en la web de Bally, así de entrada...

(http://i60.tinypic.com/2z87m75.jpg)

..y con este desplegable cuando ponemos el cursor en algún <li>. ¿Cómo puedo hacerlo? Gracias, un saludo.

(http://i57.tinypic.com/2yvudfb.jpg)


Título: Re: ¿Cómo hacer desplegables grandes para menú?
Publicado por: #!drvy en 29 Marzo 2014, 14:35 pm
Son simples divs que se sobreponen al resto. La clave esta en usar position:absolute; (o fixed) un mayor z-index y un buen posicionamiento (top, left, right).

Saludos


Título: Re: ¿Cómo hacer desplegables grandes para menú?
Publicado por: Linton en 30 Marzo 2014, 08:45 am
OK, muchas gracias.


Título: Re: ¿Cómo hacer desplegables grandes para menú?
Publicado por: Linton en 31 Marzo 2014, 11:27 am
Estoy haciendo pruebas con position:relative:
(http://i61.tinypic.com/2lw6l52.jpg)

...pero se me desordena el cuadro si pongo aunque sea padding-top:1px al div oculto, que está dentro del <li> de la botonera. Como puede verse, el texto lorem ipsum queda a la misma altura, pero el div que lo contiene sube  :huh: ¿Es preferible entonces position:absolute? Gracias, un saludo.
(http://i59.tinypic.com/2eal9gx.jpg)



Título: Re: ¿Cómo hacer desplegables grandes para menú?
Publicado por: Linton en 31 Marzo 2014, 16:31 pm
Bueno, creo que ya lo he solucionado: position:relative al menú, y position:relative para los divs internos de los <li>  :)