Foros del Web » Creando para Internet » CSS »

problema menu desplegable css

Estas en el tema de problema menu desplegable css en el foro de CSS en Foros del Web. Hola, pues el problema es que he hecho un menu desplegable con css. Se despliega y se ve perfectamente, pero cuando paso el boton por ...
  #1 (permalink)  
Antiguo 18/07/2011, 02:03
 
Fecha de Ingreso: julio-2011
Mensajes: 2
Antigüedad: 5 años, 8 meses
Puntos: 0
problema menu desplegable css

Hola, pues el problema es que he hecho un menu desplegable con css. Se despliega y se ve perfectamente, pero cuando paso el boton por encima desaparece la imagen del boton, es decir, solo me muestra la imagen en reposo del boton, la imagen de cuando el raton esta sobre el no la muestra. Si presiono el boton si que me aparece la imagen de presionado. A ver si me podeis echar una mano. Gracias.

Este es el codigo HTML:
<div id="wrap">
<ul id="bigbuttons">
<li style="float:left;" class="inicio"><a href="Copia de default.html"></a></li>
<li style="float:left;" class="inicio"><a href="Copia de default.html"></a>
<ul style="list-style-type:none;">
<li class="inicio"><a href="Copia de default.html"></a></li>
<li class="inicio"><a href="Copia de default.html"></a></li>
</ul>
</li>
</ul>
</div>


Y este es el codigo del CSS:
#wrap {
width: 800px;
position:relative;
z-index:1;
margin-top:3px;

}
#wrap ul {
margin:0;
padding:0 0% 0 0;
}

#wrap li {
display:inline;
list-style:none;
padding:0 0em 0 0;
}

#bigbuttons {
display:inline;
style="list-style-type:none;"
width: 800px;
}

.inicio {
background-image: url(../images/boton1sobre.png);
background-repeat: no-repeat;
height: 38px;
width: 176px;
}

.inicio a{
background-image: url(../images/boton1reposo.png);
background-repeat: no-repeat;
height:38px;
width: 176px;
display: block;
}

.inicio a:hover{
background: none;
}

.inicio a:active{
background-image: url(../images/boton1presionado.png);
}

ul#bigbuttons li ul{
position:absolute;
margin:0;
padding-left:0;
display:none;
list-style:none;
}
ul#bigbuttons li:hover ul{
display:block;
}
ul#bigbuttons li:hover ul{
margin:0;
}
  #2 (permalink)  
Antiguo 18/07/2011, 02:07
Avatar de orchating  
Fecha de Ingreso: marzo-2009
Ubicación: Madrid
Mensajes: 92
Antigüedad: 8 años
Puntos: 0
Respuesta: problema menu desplegable css

Hola Ivan831, yo revisaria esta parte del css:

Código:
.inicio a{
background-image: url(../images/boton1reposo.png);
background-repeat: no-repeat;
height:38px;
width: 176px;
display: block;
}

.inicio a:hover{
background: none;
}

.inicio a:active{
background-image: url(../images/boton1presionado.png);
}
Si te fijas en el .inicio a:hover, le dices que no queres fondo y en el .inicio a:active si que quieres yo creo que te refieres a eso, sino deja la url y lo vemos.
  #3 (permalink)  
Antiguo 19/07/2011, 01:54
 
Fecha de Ingreso: julio-2011
Mensajes: 2
Antigüedad: 5 años, 8 meses
Puntos: 0
Respuesta: problema menu desplegable css

Muchas gracias, si que era eso. Le puse el background de la imagen y a correr, pero solo en mozilla. En internet explorer ahora no se despliega el menu (con el codigo de antes si lo hacia pero desaparecia como comentaba anteriormente) . Alguna idea ??

Gracias !!

Etiquetas: desplegable, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:25.