[SOLUCIONADO] Menu desplegable en CSS

[indie_rok]

Hola amigos!

Me vuelvo loco. Llevo bucando 2 horas acerca de como hacer un menu desplegable en CSS (no javascript), obviamente hay muchos hechos y tutoriales, pero no encuentro uno que me clarifique al 100 % mis dudas. Alguno que me puedan recomendar?

Saludos

[pzin]

¿Y cuáles son las dudas que tienes? En principio es algo muy fácil de hacer si se entiende un poco el funcionamiento.

[seoista]

Aquí tienes varios menús desplegables en CSS, de nuestro compañero @Mikmoro.

Espero que te valgan.

Saludos.

[indie_rok]

Gracias! Ya casi esta

Solo tengo una duda en especifico, Tengo el siguiente menu

Código:

<ul id="menu">
<li>Informática</li>
<li>Transporte
<ul class="submenu">
<li>Maritimo</li>
<li>Aereo</li>
<li>Terrestre</li>
</ul>
</li>
<li>Industrial</li>
</ul>

y el siguiente css:

Código:

*
{
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu
{
	background-color:blue;
	list-style:none;
}

#menu > li
{
	float:left;
	position:relative;
}

.submenu
{
display:none;
}


#menu li ul 
{
	background-color:#C93;
	position:absolute
}

Ahora, quiero hacer que con el hover, submenu tenga el display:block, pero no me funciona.

Alguien que me ayude?

Gracias

[pzin]

No veo ningún :hover en tu código.

De todas formas, algo así te podrá servir:

Código CSS:

#menu > li:hover .submenu {
  display: block;
}
 

[indie_rok]

Iniciado por pzin

No veo ningún :hover en tu código.

De todas formas, algo así te podrá servir:

Código CSS:

#menu > li:hover .submenu {
  display: block;
}
 

FUNCIONA! FUNCIONA!

Muchas gracias!

Me podrias dar un poco mas de detalles del código?

En especifico que significa esto:

Código:

#menu > li:hover .submenu

[pzin]

Pues que seleccione todos los .submenu que estén contenido en un li que además esté el ratón encima (:hover) y que sea hijo de (>) #menu.

[indie_rok]

Muchas gracias amigo. Todo muy claro