Submenu desplegable en css

[asicacha]

Gente tengo creado un menu de forma horizontal en css, pasa que en algunas partes del menú debe aparecer un submenu... se como crearle el submenu pero no se si exista forma alguna de hacer que al posicionar el puntero encima aparezca el tan nombrado submenu para seleccionar la opción a escoger, y al quitar el puntero de encima vuelva y se oculte... No se si quedo bn claro para que me entiendan y me ayuden con el problema... Espero alguna ayuda Gracias

[Aresillo]

Sí, si que se puede...
mira esto: http://www.araudi.net/ejemplos/menus...ables_CSS.html

Ahí tienes varios ejemplos, lo adaptas y ya esta!

Aresillo!!

[asicacha]

Man gracias... justo lo que andaba buscando...

[Aresillo]

De nada a mandar!

Aresillo!!

[asicacha]

Che.. ahora tengo otro problema... Bue.. en realidad dos.

El primero esta relacionado con el menu y submenu... edite uno de los menu de la dirección que me dejo, pero aún esta todo ahi... me muestra el menú y submenu. Ahi dejo el codigo

<div id="menu"><ul>
<li><a href="index.htm">Inicio</a></li>
<li><a href="#">La Institución</a>
<!--[if lte IE 6]><a href="#">La Institución</a><![endif]-->
<ul><li><a href="quienes.htm">Quiénes Somos?</a></li>
<li><a href="mision.htm">Misión</a></li>
<li><a href="vision.htm">Visión</a></li>
<li><a href="corto.htm">Planes Corto Plazo</a></li>
<li><a href="largo.htm">Planes Largo Plazo</a></li>
</ul>
<!--[if lte IE 6]><![endif]--></li>
<li><a href="#">Del Comarcado</a>
<!--[if lte IE 6]><a href="#">Del Comarcado</a><![endif]-->
<ul><li><a href="plataforma.htm">Plataforma Ideológica</a></li>
<li><a href="reglamento.htm">Reglamento Sethiense</a></li>
</ul>
<!--[if lte IE 6]><![endif]--></li>
<li><a href="gente.htm">Su Gente</a></li>
<li><a href="#">Servicios</a>
<!--[if lte IE 6]><a href="#">Servicios</a><![endif]-->
<ul><li><a href="portafolio.htm">Portafolio de Servicios</a></li>
<li><a href="biblioteca.htm">Biblioteca Sethiense</a></li>
</ul>
<!--[if lte IE 6]><![endif]--></li>
<li><a href="#">Contacto</a>
<!--[if lte IE 6]><a href="#">Contacto</a><![endif]-->
<ul><li><a href="libro.htm">Libro de Visitas</a></li>
</ul>
<!--[if lte IE 6]><![endif]--></li>
</ul></div>

El segundo problema esta relacionado con el css de la misma página, ya que necesito que el menú tenga un tamaño fijo, me explico el tamaño del todo el menú es de 570px, en el menú hay 5 links y quiero que cada uno tenga un tamaño de 95px...
Cuando agrego la etiqueta width: 95px; ya sea en ul y/ó en li (todo esto en en el archivo css), me cambia la forma del menu de horizontal a vertical... Acá dejo el código...

/*menu*/

#menu{
width: 570px;
height: 40px;
float: right;
}
#menu a{
text-align: center;
text-decoration: none;
display: block;
}
#menu a:hover{
background-color: #000000;
color: #FFFFFF;
}
#menu ul, li{
list-style-type: none;
}
#menu ul{
margin: 0;
padding: 0;
width: 95px; -> el tamaño deseado, pero el error
}
#menu li{
float: left;
width: 95px; -> el tamaño deseado, pero el error
}

Espero pronta respuesta ya que este ******* menú me esta sacando canas... jeje

[Mikmoro]

Pues siento decirte que si has editado uno de esos menús y eso es lo que te ha quedado, no lo has editado, te lo has llevado por delante. Compáralo con el original y mira las diferencias.

[Aresillo]

Para editar un menú hay que ser bastante cuidadoso... y saber que es lo que estás modificando... yo la primera vez que vi css fue adaptando un menú a lo que yo quería...ahora me resultaría más fácil pero la verdad es que lo conseguí por ensayo/error y un poquito de lógica...

Aresillo!!

[sanchy]

buenisimo esto!! gracias

me costo mucho adaptarlo a un menu con imagenes pero pude :P muchas gracias!

[dinamo]

muchas gracias para mi también fue de mucha ayuda ya que no usa javascripts y el código es limpio y entendible