iluminar celdas sin javascript,.. como se hace?

Garmauco · #1 (**permalink**) 06/02/2007, 14:05

Holas..... quisiera saber como se hace para iluminar una celda al pasar el mouse por encima , pero sin javascript,.. pues he visto que esto se hace en el phpmyadmin.... os agradezco vuestra ayuda...

Garmauco · #2 (**permalink**) 06/02/2007, 14:47

holas,.. crep que encontre la solucion , lo maloes que no me fucniona en Internet Explorer....

Código HTML:

<html>

<head>
<meta http-equiv="Content-Language" content="es-co">
<style>
table tr.bg1 td,
table tr.bg1{
background-color: #c4c4b9;
}
table tr.bg2 td,
table tr.bg2{
background-color: #ffffff;
}
table tr.bg3{
background-color: #9dd9d5 ;
}
table tr.bg1:hover,
table tr.bg2:hover,
table tr.bg1:hover td,
table tr.bg2:hover td,
table tr.hover th,
table tr.hover {
    background-color: #CCFFCC;
}
</style>
</head>

<body>

<table border="1" width="100%" id="table1">
	<tr class=bg1>
		<td width="210">celda0</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr class=bg2>
		<td width="210">celda1</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr class=bg1>
		<td width="210">celda2</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr class=bg2>
		<td width="210">celda3</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>

</body>

</html>

JavierB · #3 (**permalink**) 06/02/2007, 15:47

Hola Garmauco

Explorer solo admite :hover en los enlaces. Si no quieres utilizar JavaScript, tendrías que poner un enlace que ocupe toda la celda.

Saludos,