Stato hover css

[oceaniaweb]

Perchè non riesco a caricare lo stato "hover" del bottone? In sostanza scompare lo sfondo del rollover come se non esistesse anche se l'ho già specificato nel css.

Ecco il codice:

}
.rif1:hover {
PADDING-RIGHT: 8px;
PADDING-LEFT: 22px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 6px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #FDEC50;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
text-indent: 0px;
text-align: left;
CURSOR: pointer;
LINE-HEIGHT: normal;
height: 25px;
width: 132px;
background-image: url(../fileattrade/sf_button2.gif);
background-attachment: fixed;
background-repeat: no-repeat;
}
E così via ...

Ditemi cosa c'è che non va.

[whiplash]

non è che hai specificato anche uno stile generico a tutti gli hover della pagina?

[oceaniaweb]

cioè? non riesco a capire...

[whiplash]

prova così :

a.rif1:hover {

PADDING-RIGHT: 8px;
PADDING-LEFT: 22px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 6px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #FDEC50;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
text-indent: 0px;
text-align: left;
CURSOR: pointer;
LINE-HEIGHT: normal;
height: 25px;
width: 132px;
background-image: url(../fileattrade/sf_button2.gif);
background-attachment: fixed;
background-repeat: no-repeat;
}

[oceaniaweb]

Non funziona...

[whiplash]

posta anche la classe "normale" non hover

[oceaniaweb]

}
.rif:link {

PADDING-RIGHT: 0px;
PADDING-LEFT: 12px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 1px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
WIDTH: 98px;
HEIGHT: 15px;
CURSOR: pointer;
COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-IMAGE: url(../fileattrade/sf_button.gif);
background-attachment: fixed;
TEXT-ALIGN: left;
TEXT-DECORATION: none;
}

[oceaniaweb]

.rif:visited {

PADDING-RIGHT: 0px;
PADDING-LEFT: 12px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 1px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
WIDTH: 98px;
HEIGHT: 15px;
CURSOR: pointer;
COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-IMAGE: url(../fileattrade/sf_button.gif);
background-attachment: fixed;
TEXT-ALIGN: left;
TEXT-DECORATION: none;

[oceaniaweb]

up

[Jerry Masslo]

prova usando la propriertà abbreviata:

background:red url(tuoSfondo.gif) repeat-y center;

o simile oppure:

.rif a:hover {...}