resaltar celda de tabla con un color de fondo al poner el curso encima

ciberpata · #1 (**permalink**) 01/12/2005, 13:39

Saludos:
Llevo dandole vueltas al tema y no consigo sacarlo.
En una pagina en ASP, tengo una tabla donde se muestra un registro por cada linea. Las lineas de la tabla tiene colores alternos (blanco y gris).
Lo que quiero es que cuando se pase el cursor por encima de cada fila de esa tabla se cambie el color de fondo, a un gris más oscuro pero que se siga viendo el texto.
Se puede hacer con CSS o hay que hacerlo con javascript.

Gracias

RoQ · #2 (**permalink**) 01/12/2005, 13:45

Se puede hacer con CSS

ciberpata · #3 (**permalink**) 01/12/2005, 13:56

Supongo que me indicas que busque en imageshack.us pero no encuentro nada.
Precisamente lo que intento es saber como se hace. Puedes darme alguna pista?
Gracias

caricatos · #4 (**permalink**) 01/12/2005, 14:35

Hola:

Existe el color de fondo transparent (no vale como color de texto)

onmouseover="this.backgroundColor = 'transparent'"

Saludos

RoQ · #5 (**permalink**) 01/12/2005, 14:39

no lo que te digo es que busques en el foro, o las FAQ, eso se ha respondido un millon de veces

ciberpata · #6 (**permalink**) 02/12/2005, 06:01

He seguido buscando y en base a esa busqueda he probado esto:
Crear una clase

td.prueba:hover {
background-color: #FF1493;
cursor:pointer;
}

Basicamente es lo que quiero hacer, pero el caso es que el hover no se muestra en IE6 aunque si en mozilla.
No entiendo el por qué de este comportamiento.

Esto está bien en CSS o hay que utilizar Javascript para lograr una total compatibilidad.

Caricatos, ¿debo entender que esto es Javascript?: onmouseover="this.backgroundColor = 'transparent'"

En caso de que se pueda poner como CSS podrías decirme donde?, he probado en varios sitios y no funciona.
Perdona por mi visoñez en esto, pero estoy empezando con CSS.
Gracias

Gracias

caricatos · #7 (**permalink**) 02/12/2005, 06:12

Hola:

Es cierto que es javascript y que hover no funciona en explorer

Como css no se puede poner, y si no te importa usar javascript, debería ir en la misma celda (tag td)

Saludos

ciberpata · #8 (**permalink**) 02/12/2005, 06:28

Creo haberte entendido bien. Lo he puesto tal que así, pero no funciona.
Paso el código y resalto la linea y así nos evitamos dudas:

Código:

<<A href="mailto:%@LANGUAGE="VBSCRIPT">%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin t&iacute;tulo</title>
<link href="hojaestilo.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" border="1">
  <tr>
    <td onmouseover="this.backgroundColor = '000099'"
 bgcolor="#999999" class="prueba">dfa</td>
  </tr>
  <tr>
    <td bgcolor="#999999" class="prueba">df</td>
  </tr>
  <tr>
    <td bgcolor="#999999" class="prueba">dafdf</td>
  </tr>
</table>
</body>
</html>

Gracias

caricatos · #9 (**permalink**) 02/12/2005, 06:55

Hola:

Te falta el carácter almohadilla:
<td onmouseover="this.backgroundColor = '#000099'"

Te recomiendo que uses estilos para el fondo de las celdas (en la misma hoja donde tienes definida la clase prueba.

Saludos

Edig · #10 (**permalink**) 26/05/2008, 11:40

Aqui esta ya lo prove y funciono

onmouseover="javascript:taust(this,'#0B262D')"

Claramente se ve donde va el color :D