Foros del Web » Creando para Internet » CSS »

cambiar color de celda en hover

Estas en el tema de cambiar color de celda en hover en el foro de CSS en Foros del Web. hola a todos¡¡¡ Mi duda es muy sencilla de resolver... pero eso si, para quien lo sepa. Yo todavia no doy con la tela.... Cuando ...
  #1 (permalink)  
Antiguo 02/02/2004, 11:55
 
Fecha de Ingreso: octubre-2003
Ubicación: Murcia
Mensajes: 128
Antigüedad: 20 años, 5 meses
Puntos: 0
cambiar color de celda en hover

hola a todos¡¡¡

Mi duda es muy sencilla de resolver... pero eso si, para quien lo sepa. Yo todavia no doy con la tela....

Cuando el raton lo poso encima del texto-enlace y en estado hover ¿como puedo hacer para que cambie el color de toda la celda, donde esta situado el texto, independientemente del tamaño de este?...

gracias, por tomaos la molestia de contestar¡¡¡
  #2 (permalink)  
Antiguo 03/02/2004, 02:14
 
Fecha de Ingreso: febrero-2004
Ubicación: Madrid
Mensajes: 59
Antigüedad: 20 años, 1 mes
Puntos: 0
Con CSS sólo no puedes, ya que nuestro amigo Explorer sólo permite el pseudo-selector hover en los links, no en celdas...

Así que podrías hacerte una pequeña función en javascript. Prueba a ponerle al link:

<a href="blablabla" onmouseover="this.parentNode.style.backgroundColor = 'colorEnElHover';" onmouseout="this.parentNode.style.backgroundColor = 'colorNormal';">Hola</a>
  #3 (permalink)  
Antiguo 03/02/2004, 02:40
 
Fecha de Ingreso: octubre-2003
Ubicación: Murcia
Mensajes: 128
Antigüedad: 20 años, 5 meses
Puntos: 0
Mchas Gracias Carcass ¡¡¡
  #4 (permalink)  
Antiguo 03/02/2004, 03:04
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Hola, Shargo y Carcass.

Si se va a utilizar un enlace y ya que estamos en el Foro de Css, se podría hacer algo así:
Código PHP:
<html>
<
head>
<
style>
td a {width:100%; height:100%; background:yellow}
td a:hover {background:aqua}
</
style>
</
head>

<
body bgcolor="#FFFFFF" text="#000000">
<
table>
  <
tr>
    <
td><a href="#">Enlace</a></td>
  </
tr>
</
table>
</
body>
</
html
Espero que resulte útil. Saludos,
  #5 (permalink)  
Antiguo 03/02/2004, 03:09
 
Fecha de Ingreso: octubre-2003
Ubicación: Murcia
Mensajes: 128
Antigüedad: 20 años, 5 meses
Puntos: 0
Pues si ¡¡¡ esto pirula ¡¡¡

Gracias Javier
  #6 (permalink)  
Antiguo 03/02/2004, 03:53
 
Fecha de Ingreso: febrero-2004
Ubicación: Madrid
Mensajes: 59
Antigüedad: 20 años, 1 mes
Puntos: 0
Ya, pero yo siempre lo hago pensando en que la celda contendrá más cosas, no sólo un enlace ;) Y así no hay que cambiar nada si se añade un texto a la celda
  #7 (permalink)  
Antiguo 07/02/2004, 18:48
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 21 años, 11 meses
Puntos: 3
cheka este enlace

http://www.hicksdesign.co.uk/article...ves/000271.php

saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:32.