Tabla que cambia de color

salbatore · #1 (**permalink**) 06/03/2008, 11:06

Hola, foreros:

Estoy haciendo una tabla que cambia de color al pasar por encima... pero lo he pensado que tal vez existe la posibilidad de que cambie de fondo.

¿Como se hace una tabla que cambie de fondo al pasar por encima y al retirarse vuelva al fondo del inicio?

y... que ademas toda la tabla fuese un link?

Raulmmmm · #2 (**permalink**) 06/03/2008, 13:11

Lo de que el enlace ocupe toda la tabla no lo he conseguido... pero sí lo de pasar el ratón:
<style>
table:hover{ background: #000;}
</style>
<table><tr><td>hola</td><td>más saludos</td></table>

salbatore · #3 (**permalink**) 06/03/2008, 13:38

Hola de nuevo:

Y... como hago para que solo una tabla tenga esta funcion y no todas?

quinqui · #4 (**permalink**) 06/03/2008, 13:54

Puedes hacerlo asignandole un ID a la tabla deseada.

Código HTML:

<html>
<head>
<style type="text/css">
 #mitabla:hover
 {  background-color: #FFCCDD;  }
</style>
</head>

<body>
<table id="mitabla" cellpadding="4" cellspacing="1" border="1">
 <tr>
  <td>Holas!</td>
 </tr>
</table>
</body>
</html>

He probado esto, pero al parecer y lamentablemente sólo corre en Firefox, pero no en IE.... corríjanme si me equivoco, por favor.

salbatore · #5 (**permalink**) 06/03/2008, 14:09

Hola de nuevo:

Y... por ultimo... jeje... como puedo hacer que al clicar en la tabla valla a una direccion?

quinqui · #6 (**permalink**) 06/03/2008, 14:18

Código HTML:

<table id="mitabla" cellpadding="4" cellspacing="1" border="1" onclick="document.location.href='ruta_destino'">
 <tr>
  <td>Holas!</td>
 </tr>
</table>

salbatore · #7 (**permalink**) 07/03/2008, 00:19

Hola de nuevo...

He probado los codigos que me decis, funcionan perfectamente en firefox, pero en internet explorer 6 no...

¿Alguna solucion?

quinqui · #8 (**permalink**) 07/03/2008, 08:00

Ya había comentado que el :hover de CSS en IE no funcionaba, pero lo de la tabla link síp...

webosiris · #9 (**permalink**) 08/03/2008, 16:31

para que pseudoestado :hover funcione sobre cualquier elemento en ie6, puedes usar este javascript..

PD: muevo a CSS desde HTML