Hola Gente!!!
Tengo el siguiente tema.
Tome un template free para editar y poder utilizar ahora me encuentro que necesito en uno de los botones de la lista agregar una lista desplegable con varias opciones.
El Código actualmente lo tengo así:
HTML:
<div id="templatemo_menu">
<ul>
<li><a href="index.html" class="current">Inicio</a></li>
<li><a href="news.html">Noticias</a></li>
<li><a href="howto.html">How To...</a></li>
<li><a href="gallery.html">Galería</a></li>
<li><a href="contact.html">Contactenos</a></li>
</ul>
</div>
Y el CSS
/* menu */
#templatemo_menu {
clear: both;
height: 39px;
padding: 11px 0 0 0;
}
#templatemo_menu ul {
margin: 0;
padding: 0 0 0 30px;
list-style: none;
}
#templatemo_menu ul li {
padding: 0px;
margin: 0px;
display: inline;
}
#templatemo_menu ul li a {
position: relative;
float: left;
width: 103px;
display: block;
height: 23px;
padding: 4px 0 0 0;
margin-right: 10px;
text-align: center;
font-size: 12px;
text-decoration: none;
color: #21272d;
font-weight: bold;
outline: none;
}
#templatemo_menu li a:hover, #templatemo_menu li .current {
color: #fff;
background: url(images/templatemo_menu_hover.png);
}
Como debería agregar la lista para que al pararme pueda ver Noticias -> Argentina -> Ecuador -> Colombia etc.
Saludos y gracias!!!