Hola a todos
Soy nuevo en el sitio, y quizá alguien ya planteo este tema. Pero me gustaría que alguien me lo aclare, he leido bastante y probado varias combinaciones pero ninguna me esta funcionando. Estoy rediseñando mi portal, y quiero hacer un MENU en CSS. En vertical y horizontal... para empezar plantee el vertical.
Pero no logro encontrar con el código para hacerlo DESPLEGABLE, alguien podra darme una mano para conseguirlo....
Les paso una url donde estoy probando con este menu
www.construirturismo.com.ar/infodestinos.asp
Tengo dos archivos
1. MENU.ASP.. con este código[/HTML]
<div id="menu7">
<ul>
<li><a href="#1" title="Home">Home</a></li>
<li><a href="#2" title="Buenos Aires">Buenos Aires</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#3" title="Services">Cataratas del Iguazu</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#4" title="Portfolio">El Calafate</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#5" title="Store">Ushuaia</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#6" title="Download">Puerto Madryn</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#6" title="Download">Bariloche</a></li>
<ul id=desplegable>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
</ul>
</div>
2. NEWSTYLES.CSS con este código para el menu
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
float: left;
position: relative;
width: 150px;
}
#menu7 {
width: 150px;
border-style: none dashed none dashed;
border-color: #608FB5;
font-size: 10px;
font-weight: bold;
border-width: 1px;
}
#menu7 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 22px;
text-decoration: none;
}
#menu7 li a:link, #menu7 li a:visited {
color: #1D537F;
display: block;
background: url(/imagesok/menu7.gif) repeat-x;
padding: 10px 0 0 10px;
}
#menu7 li a:hover {
color: #fff;
background: url(/imagesok/menu7.gif) repeat-x 0 -32px;
padding: 10px 0 0 10px;
}
#menu7 li a:active {
color: #fff;
background: url(/imagesok/menu7.gif) repeat-x 0 -64px;
padding: 10px 0 0 10px;
}