Buongiorno a tutti,
sto impazzendo da qualche ora per risolvere questo problema.
In pratica io ho un div con all'interno un link di testo e vorrei cambiare lo sfondo al div e il colore al testo.
Sono riuscito a modificare il colore di fondo del div con gli eventi onmouseover/onmouseout impostando il colore, ma non riesco a far cambiare il colore del testo. So che potrei modificare il comportamento dell'hover tramite il css, ma questo avverrebbe soltanto nel momento in cui passo sul link, mentre io vorrei che l'effetto roll-over sia su tutto il div.
Forse mi sono espresso male, per cui vi incollo il codice:
HTML
codice:
<div class="right rett1" onmouseover="this.style.backgroundImage='url(images/bkg-rett-over.png)';" onmouseout="this.style.backgroundImage='url(images/bkg-rett1.png)';" style="background-image: url('images/bkg-rett1.png');">
bla bla bla
</div>
CSS
codice:
#right_col .right {
width:260px;
height:120px;
float:left;
margin:0;
padding:10px;
border:#c6bdc0 1px solid;
}
#right_col .rett1 {
background:url(../images/bkg-rett1.png) repeat;
}
Al momento io riesco a far cambiare il colore allo sfondo (tramite javascript) e il colore al testo (tramite css) solo se il cursore e' sul testo ma se fermo il cursore sull'area in cui e' attivo il padding del div ma non e' ancora sul testo, lo sfondo cambia ma il testo no.
Grazie a chiunque vorrà aiutarmi