Dudilla sobre onmouseover en td

keco

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

oTi

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

keco

thx :)

Carcass

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...

guner

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>

Carcass

¿Y si quieres que haga hover una fila entera? :P

Además... usando los métodos de DOM, Javascript es bello XD

guner

Entonces ya no

2 años después
RaDiaTioN

y q haceis frente al tema de usabilidad ahora q el IE viene con el js desactivaado por defecto ?

erdanblo

#10 ¿el 7 viene con js desactivado?

guner

#10 ¿y para qué rescatas un thread de hace más de dos años=

erdanblo

Ya me extrañaba a mi ver el carcass por aquí...

#12 ya no quieres saber nada de la venezolana?

guner

Sí, tio pero es que nunca me cuentas nada. ¿Qué pasa? ¿Volvió por allí?

PD: FOLLATELA

Usuarios habituales

  • guner
  • erdanblo
  • RaDiaTioN
  • Carcass
  • keco
  • oTi