Foros del Web » Creando para Internet » CSS »

Cambiar colo de fila de tabla

Estas en el tema de Cambiar colo de fila de tabla en el foro de CSS en Foros del Web. Hola a todos, esta es mi tabla: Código HTML: <table width= "100%" border= "0" cellspacing= "0" cellpadding= "0" > <tr> <td width= "60%" > <a ...
  #1 (permalink)  
Antiguo 17/02/2010, 09:41
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 854
Antigüedad: 16 años, 11 meses
Puntos: 6
Cambiar colo de fila de tabla

Hola a todos, esta es mi tabla:

Código HTML:
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="60%"><a href="#">Titulo</a></td>
                  <td width="20%"><a href="#">Puntos</a></td>
                  <td width="20%"><a href="#">Visitas</a></td>
                </tr>
                <tr>
                  <td width="60%"><a href="#">Titulo</a></td>
                  <td width="20%"><a href="#">Puntos</a></td>
                  <td width="20%"><a href="#">Visitas</a></td>
                </tr>
</table
Lo que quiero lograr es que cuando se pase el mouse por arriba de una fila cambia de color toda la fila. Como lo logro?
  #2 (permalink)  
Antiguo 17/02/2010, 09:50
Avatar de X3r0s  
Fecha de Ingreso: febrero-2010
Mensajes: 90
Antigüedad: 14 años, 2 meses
Puntos: 3
Respuesta: Cambiar colo de fila de tabla

Código HTML:
<style type="text/css">
a{color:#fff;}
#fila{background:#000;}
#fila:hover{background:red;}
</style>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr id="fila">
                  <td width="60%"><a href="#">Titulo</a></td>
                  <td width="20%"><a href="#">Puntos</a></td>
                  <td width="20%"><a href="#">Visitas</a></td>
                </tr>
                <tr id="fila">
                  <td width="60%"><a href="#">Titulo</a></td>
                  <td width="20%"><a href="#">Puntos</a></td>
                  <td width="20%"><a href="#">Visitas</a></td>
                </tr>
</table> 
Solo use la seudo clase hover de css , cuando el puntero se encuentre sobre el elemento con id "fila" cambie el fondo a un color rojo , y cuando no lo deje negro.

Última edición por X3r0s; 17/02/2010 a las 18:28
  #3 (permalink)  
Antiguo 17/02/2010, 09:53
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Cambiar colo de fila de tabla

Lamentablemente, el método que propone X3r0s solo es válido para determinados navegadores. Ignoro si con javascript se puede conseguir.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #4 (permalink)  
Antiguo 17/02/2010, 10:02
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 854
Antigüedad: 16 años, 11 meses
Puntos: 6
Respuesta: Cambiar colo de fila de tabla

Muchisimas gracias!

Etiquetas: fila, tablas
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 01:24.