Hola amigos, este es mi primer post en el foro.
Estoy comenzando a utilizar css ya que el flash no lo es todo...
Tengo un sitio web con una barra de menu, pero ahora necesito agregar un desplegable desplegable, solo a un item de la barra, he intentado de todas las maneras que he encontrado en la web y no me funciona o el resto de los menús desaparecen :(
Adjunto el html de la barra de menu original, sin desplegable.
<div id="nav">
<ul class="links" id="primarylinks">
<li class="menu-1 first"><a href="quienes.htm" title="">Quienes Somos</a></li>
<li class="menu-2"><a href="descubre.htm" title="">Descubre Valparaiso</a></li>
<li class="menu-3"><a href="paquetes.htm" title="">Paquetes Turisticos</a></li>
<li class="menu-4"><a href="cosas.htm" title="">Cosas que Hacer</a></li>
<li class="menu-5"><a href="festivales.htm" title="">Festivales & Eventos</a></li>
<li class="menu-6"><a href="arte.htm" title="">Arte & Cultura</a></li>
<li class="menu-7"><a href="contacto.htm" title="">Contacto</a></li>
</ul></div>
Ahora el CSS
#nav{
clear:both;
height:45px;
overflow:hidden;
background-image:url(img/nav_bg.gif);
background-repeat:repeat-x;background-position:center top;
margin-bottom:auto;
padding-top:3px;
width: 968px;
margin-left: 16px;
}
#primarylinks{width:971px;
margin:0 auto;
margin-left: -36px;}
#primarylinks li{float:left;margin:0;padding:0;border-right:1px solid #51483f;}
#primarylinks li.first{border-left:1px solid #51483f;}
#primarylinks li.menu-1 a{width:135px;background:url(img/quienes.gif) no-repeat center top;}
#primarylinks li.menu-2 a{width:160px;background:url(img/descubre.gif) no-repeat center top;}
#primarylinks li.menu-3 a{width:160px;background:url(img/paquetes.gif) no-repeat center top;}
#primarylinks li.menu-4 a{width:132px;background:url(img/cosas.gif) no-repeat center top;}
#primarylinks li.menu-5 a{width:160px;background:url(img/festivales.gif) no-repeat center top;}
#primarylinks li.menu-6 a{width:117px;background:url(img/arte.gif) no-repeat center top;}
#primarylinks li.menu-7 a{width:87px;background:url(img/contacto.gif) no-repeat center top;}
#primarylinks li a{display:block;padding-top:80px;height:48px;overflow:hidden;font-family:Tahoma,'Trebuchet MS',arial,sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:0.03em;text-align:center;color:#f1ead6;text-decoration:none;}
#primarylinks li a:hover,
#primarylinks li a:active,
#primarylinks li a.active{background-position:center -48px;}
Como puedo incluir un desplegable que mantenga la gráfica y diseño que tengo
Agradeceré que me puedan ayudar con esto.
Saludos
Alexis