#1 Ayuda con menu horizontal!!!!!!!!!!!!!
Hola, lo q quiero es crear un menu horizontal como habrás visto en algunas webs, pero no he podido lograr q los submenús de tercer orden aparezcan a la derecha de los de segundo orden, he logrado hasta ahora q aparezcan debajo y en el mismo menú de segundo orden.
Aqui les muestro el codigo CSS y HTML q tengo:
Si alguien me colabora, le agradezco.
Aqui les muestro el codigo CSS y HTML q tengo:
Código HTML:
<html> <head> <title>Menú desplegable</title> </head> <style type="text/css"> body { margin: 0; font-family: Verdana; font-size: 10px; } * { margin: 0; padding: 0; list-style: none; } /*--------------------*/ #menu { } #menu ul { } #menu > li { float: left; } #menu li > ul { display: none; } #menu li:hover > ul { display: block; } /*--------------------*/ a { width: 100px; padding: 5px; display: block; color: #000000; text-decoration: none; } a:hover { color: gray; } #menu ul li a { } #menu ul li a:hover { background-color: silver; } </style> <body> <ul id="menu"> <li><a href ="#">Inicio</a></li> <li><a href ="#">info</a></li> <li><a href ="#">Navegación</a> <ul> <li><a href ="#">Foro</a></li> <li><a href ="#">Blog</a></li> </ul> </li> <li><a href ="#">Contacto</a> <ul> <li><a href ="#">General</a></li> <li><a href ="#">Diseño web ></a> <ul> <li><a href ="#">Diseño web del Foro</a></li> <li><a href ="#">Diseño web del Blog</a></li> </ul> </li> <li><a href ="#">Programación</a></li> <li><a href ="#">Aportes</a></li> <li><a href ="#">Sugerencias</a></li> <li><a href ="#">Criticas</a></li> </ul> </li> <li><a href ="#">Staff</a> <ul> <li><a href ="#">Carlosmax</a></li> <li><a href ="#">Caleño</a></li> <li><a href ="#">Jox</a></li> </ul> </li> </ul> </body> </html>
Editado por carlosmax - 29.10.2008 21:32 hs.
0