Bien, he realizado una botonera desplegable siguiendo los ejemplos de mikmoro http://www.araudi.net/Desplegables/m...plegable7.html
No encuentor los fallos pero tengo 2 y gordos... uno es que al hacer click la botonera no se desplega a no ser que se arrastre un poco el ratón (esto realmente no se porque puede pasar!?), claro que este problema me lo da en firefox pues en explorer directamente se ve todo doblado... creo que el código que he seguido esta igual o casi igual y no se de dónde proviene el problema.
Podéis ver el funcionamiento en www.revesmar.com/menu.html.
Aquí os dejo el código CSS a ver si me podéis echar una mano!!
Código:
Muchísimas gracias!!!! #menu{
text-align:left;
font-size: 10px;
width:200px;
height:450px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/fondo_botonera.jpg);
}
#menu ul {
list-style:none;
padding:0;
border-top:1px #fff solid;
width:200px;
}
#menu ul li.nivel1{
width: 200px;
}
#menu ul li.primera{
border:none;
}
#menu ul li a {
display:block;
text-decoration:none;
padding:8px;
position:relative;
color:#FFFFFF;
}
#menu ul li span{
display:block;
text-decoration:none;
background-image:url(../images/btn_prin_fndo.jpg);
position:relative;
width:200px;
height:30px;
border-bottom:1px #fff solid;
}
#menu ul li span a:hover{
background-image:url(../images/btn_prin_fndo2.jpg);
width:186px;
height:14px;
}
a:active {
position:relative;
}
#menu ul li a:active {
position:relative;
}
#menu ul li span.nivel1 {
display:block;
margin:0;
width:200px;
}
#menu ul li:hover span.nivel1{
cursor:pointer;
}
#menu ul li ul {
display:none;
}
#menu ul li a:hover ul, #menu ul li a:active ul{
display:block;
position:relative;
width:186px;
}
#menu ul li a:link:hover ul{
display:none;
}
#menu ul li a:active:hover ul{
display:block;
}
#menu ul li a:active:hover ul {
display:block;
position:relative;
width:186px;
}
#menu ul li ul li a{
width:186px;
}
#menu ul li ul li a:hover{
position:relative;
color:#330000;
background-image:url(../images/seleccion.png);
}
#menu ul li ul.primera{
border-top:none;}
table.falsa{
border-collapse:collapse;
border:0px;
float:left;
position:relative;
}
#menu ul li:focus ul, #menu ul li:active ul, #menu ul li a:active ul {
display:block;
position:relative;
width:186px;
}
#menu ul li:focus span, #menu ul li:active span, #menu ul li a:active {
color:white;
}
