Menu horizontal desplegable

indie81 · #1 (**permalink**) 23/11/2005, 03:36

Hola;
llevo muchisimo rato buscando en Internet, y no hay manera...
querria ver algun ejemplo o tutorial de hacer un menu horizontal desplegable en CSS, no en Javascript.
Tengo un menu horizontal fijo, y quiero que, al poner el raton sobre cada seccion, aparezca debajo otro menu horizontal, que se oculte al quitar el raton de ahi.
Gracias y saludos

KarlanKas · #2 (**permalink**) 23/11/2005, 05:11

He hecho este pequeño ejemplo para orientarte. Lo malo es que sólo funciona en firefox. Seguro que alguien lo arregla para que funcione en todos...

Código PHP:

  <html>
<head>
<style>
#menu{
width:100px;
height:15px;
border:solid 1px #eeef66;
background:#ffffee;
font:normal 10px/15px verdana;
overflow:hidden;
}
#menu:hover{
height:45px;
}
#menu a{
display:block;
color:black;
text-decoration:none;
}
#menu a:hover{
background:#eaeaea;
}
</style>
    <title>Untitled</title>
</head>

<body>
<div id="menu">
<a href="http://www.pepe.com">Pepe</a>
<a href="http://www.juan.com">Juan</a>
<a href="http://www.lorenzo.com/">Lorenzo</div>


</body>
</html>

Un saludo!

kemie · #3 (**permalink**) 24/11/2005, 06:12

este es super practico:
http://www.htmldog.com/articles/suckerfish/dropdowns/

ejemplo aqui: http://www.htmldog.com/articles/suck...downs/example/

(desgraciadamente ie necesita una pequeña ayudita con javascript)