Nuovo problema a:hover

[berto111]

Ciao,
so che esiste una discussione simile, ma il mio problema è un po' diverso.
Il mio problema a cui magari ho tentato di dare una soluzione in maniera sbagliata, consiste nel fare si che quando passo con la freccia su un blocco (tipo magari un div) deve cambiare colore lo sfondo.
Faccio un esempio:
div a:hover {
//colore dello sfondo
//width=totpx
}

<div>testo</div>

ho provato in tutte le maniere, riconosce in ogni punto del div che è attivo un link, ma al massimo mi cambia il colore del testo contenuto, non di tutto il blocco del div.

Come posso fare? Probabilmente sbaglio ad applicarlo, o anche ad applicarlo su di un div.

Grazie!

[gengix]

Partiamo dall'inizio del tuo post.

Scrivi questa regola:

div a:hover {
//colore dello sfondo
//width=totpx
}

In pratica dichiari che tutti i link nello stato hover figli di un div, devono avere le seguenti proprietà.
Per essere valida questa regola dovresti avere una struttura così:

<div>link</div>

mentre la struttura che hai postato prevede una situazione opposta, dove hai un div che è annidato dentro un link.
Il link è un elemento inline, mentre il div è un elemento di blocco. Nell'html non puoi annidare un elemento di blocco dentro un elemento inline, mentre può avvenire la situazione opposta.

Per fare quello che richiedi inizialmente nel post, non hai bisogno del supporto di un link.
Per cambiare lo sfondo di un div al passaggio del mouse, basta dichiarare questa regola:

div:hover {
background:colore;
width:....
...
}

Questa regola funziona, ma non su tutti i browser. Ad esempio IE nelle versioni precedenti alla 7 supporta la pseudo classe:hover solo se applicata ai link, ma non ad altri elementi.

Dipende se ti interessa o meno avere una soluzione cross-browser.
Spero di essere stato abbastanza chiaro nella spiegazione=).