Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 01-dic-2005, 12:39   #1 (permalink)
ciberpata ha deshabilitado el karma
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 544
Enviar un mensaje por Skype™ a ciberpata
resaltar celda de tabla con un color de fondo al poner el curso encima

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
__________________

Espero haber aprendido algo de tí.
En recuerdo a mi padre.
ciberpata está desconectado   Responder Citando
Antiguo 01-dic-2005, 12:45   #2 (permalink)
RoQ
RoQ está en el buen camino
 
Avatar de RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 763
Se puede hacer con CSS

Última edición por RoQ; 01-dic-2005 a las 13:39.
RoQ está desconectado   Responder Citando
Antiguo 01-dic-2005, 12:56   #3 (permalink)
ciberpata ha deshabilitado el karma
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 544
Enviar un mensaje por Skype™ a ciberpata
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
__________________

Espero haber aprendido algo de tí.
En recuerdo a mi padre.
ciberpata está desconectado   Responder Citando
Antiguo 01-dic-2005, 13:35   #4 (permalink)
Moderador
caricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradable
 
Avatar de caricatos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 12.245
Hola:

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

onmouseover="this.backgroundColor = 'transparent'"

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
caricatos está desconectado   Responder Citando
Antiguo 01-dic-2005, 13:39   #5 (permalink)
RoQ
RoQ está en el buen camino
 
Avatar de RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 763
no lo que te digo es que busques en el foro, o las FAQ, eso se ha respondido un millon de veces
RoQ está desconectado   Responder Citando
Antiguo 02-dic-2005, 05:01   #6 (permalink)
ciberpata ha deshabilitado el karma
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 544
Enviar un mensaje por Skype™ a ciberpata
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
__________________

Espero haber aprendido algo de tí.
En recuerdo a mi padre.
ciberpata está desconectado   Responder Citando
Antiguo 02-dic-2005, 05:12   #7 (permalink)
Moderador
caricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradable
 
Avatar de caricatos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 12.245
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
caricatos está desconectado   Responder Citando
Antiguo 02-dic-2005, 05:28   #8 (permalink)
ciberpata ha deshabilitado el karma
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 544
Enviar un mensaje por Skype™ a ciberpata
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
__________________

Espero haber aprendido algo de tí.
En recuerdo a mi padre.
ciberpata está desconectado   Responder Citando
Antiguo 02-dic-2005, 05:55   #9 (permalink)
Moderador
caricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradablecaricatos es realmente agradable
 
Avatar de caricatos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 12.245
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
caricatos está desconectado   Responder Citando
Antiguo 26-may-2008, 11:40   #10 (permalink)
Edig sólo puede mejorar
 
Fecha de Ingreso: diciembre-2007
Mensajes: 247
Enviar un mensaje por MSN a Edig Enviar un mensaje por Skype™ a Edig
Respuesta: resaltar celda de tabla con un color de fondo al poner el curso encima

Aqui esta ya lo prove y funciono

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

Claramente se ve donde va el color :D
Edig está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 05:28.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93