Menu desplegable de un solo nivel, Muestra: textos, tablas o imagenes

richardinj · #1 (**permalink**) 11/12/2010, 19:34

Hola, como puedo hacer un menu desplegable con CSS?

Algo asi como tiene forosdelweb.. cuando das click en Tus Opciones sale una tabla...

Lo que busco es que al pasar el mouse muestre abajo una tabla con texto y fotos...

Para ser preciso, busco algo como esto http://chiapas.gob.mx/ mira en menú al pasar el mouse...

Saludos...

Portgaz · #2 (**permalink**) 11/12/2010, 20:43

mira este ejemplo
http://www.araudi.net/forosdelweb/menu_desplegable.html

C2am · #3 (**permalink**) 11/12/2010, 20:58

Para el menu se usan listas, no tablas. Aclaro por las dudas y para que puedas buscar mejor, aunque ya no creo que haga falta porque Portgaz te ha recomendado una página excelente

richardinj · #4 (**permalink**) 11/12/2010, 23:10

Hola va bien, pero cuando creo enlaces dentro, estos enlaces heredan la misma propiedad del menu.. y eso no quiero.... vieron vean http://chiapas.gob.mx/ .. trate de hacer igual al menu pero no me funciona...

C2am · #5 (**permalink**) 12/12/2010, 10:03

Entonces aplicale el estilo que desees.
El menu que muestras de ejemplo, dentro del <li></li> pone ademas del <a> un <div> y dentro de él el contenido, que son nuevas listas con otro estilo.
Tomando parte del css de esa página te puedes dar cuenta:

Código CSS:

Ver original#dropList ul#menu div.listHolder div.listCol {
display: block;
float: left;
margin: 0px;
padding: 10px;
text-align: left;
white-space: normal;
width: 180px;
}

jomaruro · #6 (**permalink**) 15/12/2010, 03:26

Hola:

Échale un vistazo a los ejemplos de menús desplegables que aparecen en las FAQ's de CSS.

Saludos.