rollover CSS - cambiare colore sfondo ma...

[DanSky]

Voglio far cambiare il colore di sfondo quando ci passo sopra con il mouse. Ok, gia fatto con il codice seguente...

Però come faccio a far cambiare lo sfondo a tutta l'area del <DIV> che come vedete dal width: e dal height: misura 140px x 25px ?
Insomma, così il colore di sfondo cambia, ma solo lo sfondo dell'area sotto il testo, non di tutta la cella DIV.

Come faccio a farlo cambiare a tutto il pulsante ?


.but { position:absolute; font:Verdana; color:#000000; text-align:center; font-size:13px; left:105px; top:63px; width:140px; height:25px; z-index:1}
.but a{ text-decoration:none;}
.but a:hover{ text-align:center; font:Verdana #FF6600 ; color:#FF6600; background-color:#0099CC; }

[DanSky]

...Pensandoci bene, mi piacerebbe attivare l'rea sensibile del rollover non alla sola area del testo ma a tutto il rettangolo DIV... !

[*#Funeral_Fog#*]

Assegni l'hover a tutto il div,semplice!

[DanSky]

Originariamente inviato da *#Funeral_Fog#*
Assegni l'hover a tutto il div,semplice!

ma il .but identifica già una classe DIV... mi pare

ecco l'html:
<div class="but"> Area riservata</div>

Mi fia vedere concretamente come si applica l'hover a tutto il DIV ?

[*#Funeral_Fog#*]

div.but:hover
{
text-align:center;
font:Verdana #FF6600;
color:#FF6600;
background-color:#0099CC;
}

Dovrebbe andare!

[fcaldera]

la pseudoclasse hover applicata a elementi diversi da <A> non funziona su Internet Explorer

Puoi comunque simularne l'effetto con del codice javascript. Fai una ricerca nel forum scripting