Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: RamFu en 05 de Diciembre de 2007, 11:58:17 am
-
Hola, tengo una duda, es bastante simple.
Me gustaría que en una tabla, al poner el mouse encima cambiara el color de fondo. Por ejemplo si tengo una tabla con el fondo blanco, que se ponga negro. Gracias de antemano :D
-
El efecto que tu buscas se hace mediante JavaScript...
<table>
<tr>
<td onmouseover="this.className = 'RatonEncima';" onmouseout="this.className = 'Normal'" class="Normal">Celda</td>
</tr>
</table>
Teniendo en cuenta que tendriamos que tener definidos los estilos en CSS:
/* Estilos en CSS */
.RatonEncima {
background-color: #000000;
}
.Normal {
background-color: #FFFFFF
}
-
Mersi naveda :D
-
<style type="text/css">
<!--
#tabla {background: Black;}
#tabla:hover {background: Green;}
-->
</style>
///////////////////HTML///////////////////
<table width="200" border="0" id="tabla">
<tr>
<td>TEXTO blah blah blah</td>
</tr>
</table>
Ésto sería más correcto, cuanto menos código, mejor ;)
-
Solo funciona en FireFox, en IE no funciona.
Por eso he puesto que era mejor hacerlo con JavaScript...
-
Cierto xD
-
jajaj tienes razón pero grascias igualmente mork