Hola a todos:
Estoy haciendo un menú vertical con 2 niveles. Por lo tanto estoy usando listas
anidadas.
Pero no consigo controlar la posición de la lista-hija. La posición es
absoluta y en cuanto falta o se añade algún elemento en algún componente
anterior, se descoloca.
Yo lo que quiero es que siempre esté ahí.
Si no le pongo position:absolute; más o menos se queda bien pero el <li> padre
se hace tan grande como la ul que anida.
Bueno este es el CSS para ver si me podeis echar una mano:
#pestanias {
background-image: url(fondos/pestanias.gif);
background-repeat: repeat-x;
background-position: left top;
height: 58px;
width: auto;
}
#pestanias ul{
margin:0;
list-style:none;
padding: 8px 10px 0px 10px;
}
#pestanias ul li{
display:inline;
float: left;
margin: 0;
}
#pestanias ul li a{
font-weight: bold;
color: #3F3E41;
font-size: 0.9em;
background-color: #E0DFDF;
background-image: url(fondos/bot_menu.gif);
background-repeat: repeat-x;
background-position: left top;
display: block;
padding: 5px 7px;
border-top: 1px solid #696969;
border-right:1px solid #696969;
border-left: 1px solid #696969;
}
#pestanias ul li a:hover{
background-image: url(fondos/bot_menu_sobre.gif);
background-repeat: repeat-x;
background-position: left top;
}
#pestanias ul li ul{
background:none;
list-style:none;
margin-top:0px;
position: absolute;
left: 3px;
top:172px!important;
top:180px;
width: auto;
padding-top:15px;
}
#pestanias ul li ul li{
padding: 0px 2px;
}
#pestanias ul li ul li a.activo{
border:none;
float: left;
display: inline;
background-color:transparent;
background-image: url(fondos/bullet_submenu.gif);
background-repeat: no-repeat;
background-position: 0px 9px;
padding-left: 11px;
}
#pestanias ul li ul li a:hover{
color: #A4020B;
background-image: url(fondos/bullet_submenu2.gif);
background-repeat: no-repeat;
background-position: 0px 9px;
padding-left: 11px;
}
#pestanias ul li a.activo {
background-image: url(fondos/bot_menu_sobre.gif);
background-repeat: repeat-x;
background-position: left top;
}
Muchísimas gracias de antemano.
_________________________________________________________________
Express yourself instantly with MSN Messenger! Download today it's FREE!
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
