Effetto su <td> al passaggio del mouse

[Marquinho]

Ho un menù strutturato in una tabella con un <tr></tr> e 6 <td></td> (in pratica le 6 voci del menù). Vorrei sapere come faccio a dare allo sfondo delle righe della tabella l'effetto in cui al passaggio del mouse cambia colore.

Ad esempio, attualmente lo sfondo è rosso scuro e il testo bianco, e vorrei che lo sfodo diventasse blu e il testo giallo.

L'effetto sul testo l'ho già fatto con i CSS, ma per quanto riguarda il <td> non sò come fare.

:master:

[afurly]

<td onmouseover="this.bgColor=''" onmouseout="this.bgColor=''>ciao</td>"

Ovviamente lo devi completare con i colori che desideri all'interno degli apici, altrimenti puoi fare anche questo con i css usando una classe che ti da il colore, e poi con nomeclasse:hover gli dai il colore da usare quando gli passi sopra con il mouse.

[flanza]

perchè non usi i CSS racchiudendo il testo in un a ed usando a:hover?

[Marquinho]

Originariamente inviato da afurly

<td onmouseover="this.bgColor=''" onmouseout="this.bgColor=''>ciao</td>"

Ovviamente lo devi completare con i colori che desideri all'interno degli apici, altrimenti puoi fare anche questo con i css usando una classe che ti da il colore, e poi con nomeclasse:hover gli dai il colore da usare quando gli passi sopra con il mouse.

Ok, stasera provo (ora devo scappare al lavoro).

Originariamente inviato da flanza
perchè non usi i CSS racchiudendo il testo in un a ed usando a:hover?

Si, per il testo ho fatto così, ma non sapevo come farlo per il <td>.

[pierofix]

Se non ti interessa di IE ( ) puoi fare

td:hover {
// stili
}

Ci sono così tanti motivi per cestinare IE...