23/04/2014, 06:37
|
| | | Fecha de Ingreso: diciembre-2005
Mensajes: 142
Antigüedad: 19 años Puntos: 0 | |
| Respuesta: problema con bloque en barra de navegacion
Gracias pzin:
He realizado los cambios que me has aconsejado.
Código:
ul, ol {
list-style:none;
}
.nav li a {
background-color: white;
color:black;
text-decoration:none;
display:block;
}
.nav > li {
z-index:0;
font-family: Arial,Verdana,serif,cursive,monospace,sans-serif,fantasy;
font-size: 16px;
text-align:left;
padding:1px 1px 1px 1px;
background-color:white;
color:black;
height: 26px;
width: 180px;
border:1px solid black;
}
.nav > li a:hover {
background-color: #edf1e0;
color:black;
height: 30px;
width: 180px;
}
.nav li ul {
display: none;
position:relative;
z-index:0;
}
.nav li:hover > ul {
display:block;
background-color:transparent;
color:black;
}
.nav li ul li {
position:relative;
background-color:white;
color:black;
padding:1px 1px 1px 1px;
font-family: Arial,Verdana,serif,cursive,monospace,sans-serif,fantasy;
font-size: 14px;
text-align:left;
width: 180px;
height: 30px;
border:1px solid black;
}
pero no se como puedo controlar su posicion y conseguir que los li internos abra entre los li externos. |