cambiar el color de una fila al pasar el raton

juanl3l · #1 (**permalink**) 08/03/2007, 15:26

Hola, tengo un problema con una estilo que le aplico a una tabla, pero me falla una cosa.
He creado una hoja css, y los estilo los aplica bien a la tabla, lo unico que falla es que cuando el raton pasa sobre una fila, esta cambia el color de fondo.

Para esa tarea tengo en mi hoja de estilos lo soguiente:

.displayTable tbody tr:hover td,
.displayTable tbody tr:hover th {
background: #92989F;
border-bottom: 0.5px solid #3D444B;
}
.displayTable tbody tr:hover.odd td,
.displayTable tbody tr:hover.odd th {
background: #555E68;
border-bottom: 0.5px solid #3D444B;
}

y la clase que le aplico a mi tabla es displayTable.

¿Alguien sabe si he puesto algo mas o me puede decir otra forma de hacerlo?

gracias

demiurgo_daemon · #2 (**permalink**) 08/03/2007, 16:20

hola,

si tienes un sitio donde se pueda probar esto, sería maravilloso. sin embargo, desde el código, te puedo decir un par de cosas:

no estoy seguro de esto, pero puedes probar poner la clase antes de la pseudoclase; es decir, en lugar de
Código:
```
.displayTable tbody tr:hover.odd td
```
poner
Código:
```
.displayTable tbody tr.odd:hover td
```
explorer menor a 7 sólo puede ver pseudoclases para elementos a

saludos

franciscodab · #3 (**permalink**) 08/03/2007, 16:21

estimado;
si bien no he seguido tu código, he hecho uno que si funciona, pruebalo y me cuentas:

<html>
<style>
#celda_comun {
background: #F7F7F7;
}

#celda_fondo {
background: #cc0000;
}

#celda_fondo:hover {
background: #800000;
}

</style>
<body>

<table width="50%" border=1>
<tr>
<td id="celda_comun" height="20">
</td>
</tr>
<tr>
<td id="celda_fondo" height="20">
</td>
</tr>
</table>

</body>
</html>