Foros del Web » Creando para Internet » CSS »

Iluminar celda

Estas en el tema de Iluminar celda en el foro de CSS en Foros del Web. Hola a [email protected]! Les comento, nesesito saber como hacer para iluminar una celda al pasarle el raton por arriva. Buscando encontre esto: Código: <table width="300" ...
  #1 (permalink)  
Antiguo 04/01/2006, 07:54
Avatar de c0lo  
Fecha de Ingreso: julio-2005
Ubicación: Buenos Aires
Mensajes: 281
Antigüedad: 12 años, 4 meses
Puntos: 1
Iluminar celda

Hola a [email protected]!

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!
__________________
Nuestro amo juega al esclavo // de esta tierra que es una herida
que se abre todos los días // a pura muerte, a todo gramo.
Violencia es mentir.
  #2 (permalink)  
Antiguo 04/01/2006, 08:09
Avatar de Lord of freaks  
Fecha de Ingreso: octubre-2004
Ubicación: Madrid
Mensajes: 334
Antigüedad: 13 años, 1 mes
Puntos: 2
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>
__________________
Una vez un elemental de rayos mató una tribu entera de tritones.

¡¡ El sólo quería darse un baño !!

http://www.frikilandia.com

Neither Fu Nor Fa
  #3 (permalink)  
Antiguo 04/01/2006, 08:32
Avatar de c0lo  
Fecha de Ingreso: julio-2005
Ubicación: Buenos Aires
Mensajes: 281
Antigüedad: 12 años, 4 meses
Puntos: 1
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
__________________
Nuestro amo juega al esclavo // de esta tierra que es una herida
que se abre todos los días // a pura muerte, a todo gramo.
Violencia es mentir.
  #4 (permalink)  
Antiguo 05/01/2006, 15:37
Avatar de c0lo  
Fecha de Ingreso: julio-2005
Ubicación: Buenos Aires
Mensajes: 281
Antigüedad: 12 años, 4 meses
Puntos: 1
Ayuda porfa!

Gracias
__________________
Nuestro amo juega al esclavo // de esta tierra que es una herida
que se abre todos los días // a pura muerte, a todo gramo.
Violencia es mentir.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:54.