Clase para botón

[El_pera]

Hola amigos.

quisiera su ayuda para resolver una duda que tengo y me tiene atascado.

Tengo una clase para dar un estilo a un botón, es la siguiente:

.botones {
background-image: url(../gif/botones.gif);
height: 22px; width: 86px;
font-family: Tahoma;
}

funciona perfectamente, pero no he conseguido lograr un efecto
en el que se pase el cursor sobre el botón y cambie el estilo del botón.
A:hover:background-image: url(../gif/botones2.gif);


Algo similar a lo se hace con los Links y A:Hover{etc;}

Esto no es un capricho, es un efecto muy bonito que lo he visto en un
tema que descarqué para el firefox (Noia 2.0 eXtreme) y más aún, cada vez que el cursor pasa sobre las barras de desplazamiento, también cambia la imagen de fondo....

Esto es válido para IE y Firefox, en ambos funciona perfectamente el mismo efecto.

He intentado todas las posibilidades que conozco para potenciar mi clase botones, pero no me ha resultado, aparentemente el A:Hover funciona solamente para los link.

Alguien tiene alguna pista?

[webosiris]

Iniciado por El_pera

funciona perfectamente, pero no he conseguido lograr un efecto en el que se pase el cursor sobre el botón y cambie el estilo del botón.

le tenes que dar el hover a .botones (no funciona en IE6.. si lo hace en FF e IE7):

Código:

.botones:hover{background-image: url(../gif/botones2.gif); }

[El_pera]

Gracias webosiris, pero no me ha resultado, ni en Firefox, ni en IE 6.0.

[Mikmoro]

Quizá no lo has escrito bien. Prueba así:

.botones {
background-image: url(../gif/botones.gif);
height: 22px; width: 86px;
font-family: Tahoma;
}

.botones:hover {
background-image: url(../gif/botones2.gif);
}

Mikel.

[El_pera]

Gracias a todos los que han colaborado, el objetivo se ha logrado.

Aunque lamentablemente en IE 6.0.2 no se puede visualizar.

La pregunta obligatoria es:

¿Qué se debe hacer para poder verlo en IE 6.0.2?


De todas maneras debo disulparme con todos los amigos que vean mi tema, ya que hice una afirmación que no es correcta...

"... es un efecto muy bonito que lo he visto en un
tema que descarqué para el firefox (Noia 2.0 eXtreme) y más aún, cada vez que el cursor pasa sobre las barras de desplazamiento, también cambia la imagen de fondo...."

El efecto no funciona en IE, ya que el tema que bajé, era para Firefox (Noia 2.0 eXtreme), por lo tanto no hay relación alguna con lo que se pueda ver en IE, perdón a todos y gracias por la ayuda brindada.

[luisvasquez]

Hola,

Tengo el mismo problema, pues, este botón no se visualiza correctamente en IE6, aunque si en FF.

.Button{
background-image:url(../imagenes/fondo_boton.gif);
font : verdana;
font-weight:bold;
color: #000000;
font-size: 8pt;
width : 120px;
height: 20px;
}

El problema es especificamente con la imágen de fondo.

Saludos y muchas gracias,
Luis Vásquez

[JHMorales]

Hola:
el prolema es que el IE solo reconoce hover en links, tiene que estar así

.botones a:hover {
........
}

Suerte, Jorge H.