Buenas tardes amigos,
Ando desesperado intentando crear mi propio menú horizontal con submenu horizontal tambien.
Ya casi lo tengo, pero el submenú siempre me sale a la izquieda donde comieza el menú en lugar de debajo de su padre.
Aquí os deja la web que estoy preparando. http://devnew.chemagonzalez.es/
Esto me pasa concretamente cuando nos ponemos encima de contacto, que pedido me sale al principio en lugar de debajo.
Este es mi código CSS:
Código:
/* mi menú personalizado */
.nav {
list-style: none;
padding: 0;
width: 100%
overflow: hidden;
margin: 0px;
}
.nav li {
float: left;
margin: 1px 30px 1px 1px;
list-style:none;
padding: 5px;
color:#6d6e71;
font-size: 20px;
}
.nav li a {
color:#6d6e71;
}
.nav li a:hover,
.nav li a.hover {
color: #21759b;
}
.nav ul li:hover > ul {
visibility:visible;
border-top:#CCC 1px solid;
}
.nav ul ul {
visibility:hidden;
position:absolute;
top:100%;
left:15px;
margin-top:35px;
min-width:10px;
margin-bottom:5px;
color:#21759b;
}
.nav ul ul li.hover,
.nav ul ul li:hover {
border-bottom:#21759b 3px solid;
}
.nav ul ul li {
min-height:34px;
height:auto !important;
margin:0;
padding:5px 10px;
}
Alguien sabría decirme que me falta??
Muchas gracias!!