Iluminar celda

[c0lo]

Hola a tod@s!

Les comento, nesesito saber como hacer para iluminar una celda al pasarle el raton por arriva.

Buscando encontre esto:

Código:

<table width="300" border="1" cellpadding="0" cellspacing="0" bgcolor="#cccc99">
<tr>
<td width="373" height="21" onmouseover="this.style.backgroundColor='#ff6600'"
onmouseout="this.style.backgroundColor='#cccc99'">&nbsp;</td>
</tr>
</table>

Anda perfecto, estoy conforme, pero me gustaria poder incluir todo eso en un estilo. Ni se me ocurre andar escribiendo tanto codigo por cada celdita.
Entonces, me tiré un lanze escribiendo esta burrada:

Código:

.Tabla {
	background-color: #CCCC99;
	font-family: Arial, Helvetica, sans-serif;
	onmouseover="this.style.backgroundColor='#FF6600'"
	onmouseout="this.style.backgroundColor='#CCCC99'"
	}

Que por cierto, no anda :D

Alguno me podria dar una mano y explicarme como es el tema?

Muchisimas gracias!!!

Saludos!

[Lord of freaks]

Es mucho más facil esto

.Tabla {background-color:#FF6600';}
.Tabla:hover {background-color:#CCCC99';}

y aplicarlo via class="Table" donde necesites, tambien lo puedes hacer así

td{background-color:#FF6600';}
td:hover {background-color:#CCCC99';}

Pero esto te lo aplicaría a todos los td que hubiese en tu web

De todas formas los más listo es aplicarlo al <tr> asi:

<style type="text/css">
.Tabla {background-color:#FF6600';}
.Tabla:hover {background-color:#CCCC99';}
</style>

<table>
<tr class="Tabla">
<td>Esto se ilumina cuando paso por encima</td>
<td>Esto tambien</td>
</tr>
<tr>
<td>En cambio esto no</td>
<td>Ni esto tampoco</td>
</tr>

[c0lo]

Muchisimas gracias por tu ayuda y los consejos.

Ya habia probado esto:

.Tabla {background-color: #FF6600;}
.Tabla:hover {background-color: #CCCC99;}

Pero solo me funciona en Firefox y no en IE.

Pero esto que encontre;

Código:

<table width="300" border="1" cellpadding="0" cellspacing="0" bgcolor="#cccc99">
<tr>
<td width="373" height="21" onmouseover="this.style.backgroundColor='#ff6600'"
onmouseout="this.style.backgroundColor='#cccc99'">&nbsp;</td>
</tr>
</table>

Parece que se lleva bien con los 2 navegadores.

Gracias por la buena onda :)

Saludos

[c0lo]

Ayuda porfa!

Gracias