cella cliccabile ma stesso stile nn funziona con riga

[Jimmy Gomma]

<td onmouseover="this.style.background='red';this.styl e.cursor='pointer'"
onmouseout="this.style.background='white';">

In questa maniera funziona ma se provo a rendere cliccabile tutta la riga nn colora le celle. Ho visto che se tolgo lo style dato dal css alla mia tabella la cosa funziona anche con tr. Cosa devo modificare nel mio style x far andare entrambe le cose?

table.sample th {
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: dashed dashed dashed dashed;
border-color: gray gray gray gray;
background-color: rgb(250, 240, 230);
-moz-border-radius: 0px 0px 0px 0px;
}

table.sample td {
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: dashed dashed dashed dashed;
border-color: gray gray gray gray;
background-color: rgb(250, 240, 230);
-moz-border-radius: 0px 0px 0px 0px;
}

table.sample tr {
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: dashed dashed dashed dashed;
border-color: gray gray gray gray;
background-color: rgb(250, 240, 230);
-moz-border-radius: 0px 0px 0px 0px;
}

[Mich_]

Quella e` una tecnica JS, per cui il CSS c'entra poco.
Ma prima di spostarti, chiedo se ne sei conscio e se per caso non volevi qualcosa di diverso.

Comunque il problema e` che il tag <tr> non e` esposto al mouse: infatti sopra tutto l'oggetto <tr> ci sono dei blocchi <td>. Quindi l'evento onclick non viene catturato dal <tr>, ma dal <td> sopra il quale sei al momento del click (ma nota che questo dipende dal browser).

Altro problema: nei singoli <td> <th> hai definito il colore dello sfondo: se vuoi vedere il colore del <tr> devi definire transparent gli sfondi degli oggetti che ci stanno sopra.


PS: non usare il -moz-qualcosa: funziona solo in un browser specifico, e non e` neppure troppo diffuso: per l'arrotondamenteo conviene usare i nifty-corners (o altri sistemi, che trovi tra i "link utili").