Como se hace para que cuando se pase el raton por encima del td de una tabla cambie el color de fondo del td y el color de la fuente. Que hay que poner en el <td style=" algo no? ".
Espero que alguien sepa, gracias.
Dew
Como se hace para que cuando se pase el raton por encima del td de una tabla cambie el color de fondo del td y el color de la fuente. Que hay que poner en el <td style=" algo no? ".
Espero que alguien sepa, gracias.
Dew
http://www.desarrolloweb.com/articulos/9.php
http://www.htmlweb.net/webscript/tablas/tabla_1/tabla_1_texto.html
Mirate eso, a ver si hay suerte ;P
Google rulz
Explorer no admite estados hover nada más que en links... Así que, para que se vea en todas partes, sólo queda la opción del JavaScript...
Yo odio javascript, y consigo el mismo efecto así:
La clave está en display:block hace q entiene como hover el tamaño que hayas puesto:
height: 15px;
width: 200px;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.over, TD.over, A.over, .over a:link, .over a:visited, .over a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 15px;
color: #333333;
text-decoration: none;
background-color: #999999;
text-indent: 15px;
vertical-align: middle;
display: block;
height: 15px;
width: 200px;
border-top: 1px solid #999999;
border-right: 1px none #999999;
border-bottom: 1px solid #999999;
border-left: 1px none #999999;
}
.over a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 15px;
color: #00FF00;
text-decoration: none;
background-color: #FFFFCC;
text-indent: 15px;
vertical-align: middle;
display: block;
height: 15px;
width: 200px;
border-top: 1px solid #0000FF;
border-right: 1px none #0000FF;
border-bottom: 1px solid #0000FF;
border-left: 1px none #0000FF;
}
-->
</style>
</head>
< b0dy>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="over"><a href="td1.html">TD1</a></td>
</tr>
<tr>
<td class="over"><a href="td2.html">TD2</a></td>
</tr>
</table>
</body>
</html>
¿Y si quieres que haga hover una fila entera?
Además... usando los métodos de DOM, Javascript es bello XD