Hover en toda la fila

[klmnt]

Buenas, he estado probando para hacer como las tablas de los Boxscore de la nba (Ej: http://www.nba.com/games/20071211/TORATL/boxscore.html) pero no me sale para cuando pongo el ratón encima de cualquier dato de la fila se marque toda la fila con un css distinto.

El CSS de la NBA es:

Código:

.playerStats { background-color: #ffffff; color: #000000; font-family: tahoma; font-size: 11px; font-weight: normal; text-align:center;}
.playerStatsHover { background-color: #EAEAEA; color: #000000; font-family: tahoma; font-size: 11px; font-weight: normal; text-align:center;}

Y el código de una simple tabla:

Código HTML:

<table width="760" border="0" class="playerStats">
  <tr>
    <td>Dani</td>
    <td>6</td>
    <td>5</td>
    <td>4</td>
    <td>7</td>
  </tr>
</table> 

He probado con modificar a .playerStats a:hover pero lo único que sale en el gris, que debería salir toda esa fila, el nombre que le ponga con vínculo.

¿Qué debo hacer?

[Eourus]

.playerStats tr:hover { background-color:#ccc; }

Por cierto esto no funciona en IE 6, para ello necesitaras usar un script.

[klmnt]

Si señor. Joe que facilidad, si lo sé me registro antes en el foro este jaja

En el ie 7 y en el firefox si va. Entonces, para el 6, ¿donde puedo encontrar el script?

[Eourus]

Pues tal vez con la opción de buscar por estos mismos foros, o en google ;)

[JavierB]

Hola klmnt

Este enlace lo puso webosiris en otro mensaje parecido: scriptIE7

Saludos,

[klmnt]

Iniciado por JavierB

Este enlace lo puso webosiris en otro mensaje parecido: http://dean.edwards.name/IE7/ >> scriptIE7

Me gusta más esa respuesta. Voy a investigar. Gracias!