Foros del Web » Creando para Internet » CSS »

Al pasar el mouse que cambie de color un TD

Estas en el tema de Al pasar el mouse que cambie de color un TD en el foro de CSS en Foros del Web. Hola, quisiera lograr el efecto, de que al pasar el mouse se cambie de color.. pero me esta costando.. estoy haciendo de esta manera css: ...
  #1 (permalink)  
Antiguo 10/09/2012, 13:59
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Al pasar el mouse que cambie de color un TD

Hola, quisiera lograr el efecto, de que al pasar el mouse se cambie de color.. pero me esta costando.. estoy haciendo de esta manera css:

Código HTML:
.enlace {width: 300px; height: 300px; border: 2px solid #F0F0F0; background-color: #E1F9FF;  }
.enlace a {width: 100%; height: 100%; display: block; border: 1px solid #0000FF; background-color: #F7F7F7; }

.enlace:hover {
        background-color:#000000;
    }
Y HTML:

Código HTML:
<table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="215" align="center" valign="top" class="enlace"><a href=""><p>Portatil Sony i7 500GB 5GB </p>
      <p><img src="http://www.qualitypubli.com/imagenes/portatil.png" width="166" height="166" /></p></a>
    </td>
    <td width="405" align="center" valign="top" class="enlace"><a href=""></a></td>
  </tr>
  <tr>
    <td align="center" valign="top" class="enlace"><a href=""></a></td>
    <td align="center" valign="top" class="enlace"><a href=""></a></td>
  </tr>
  <tr>
    <td align="center" valign="top" class="enlace"><a href=""></a></td>
    <td align="center" valign="top" class="enlace"><a href=""></a></td>
  </tr>
</table> 
Me sale bastante churro... la verdad..

Si alguien me puede echar una mano, mega agradecido!! doy mas 1 a todos los comentarios!
  #2 (permalink)  
Antiguo 10/09/2012, 14:20
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: Al pasar el mouse que cambie de color un TD

tu problema es que aplicas display:block y color de fondo a los enlaces, retira el color de fondo de estos y se solucionara tu problema.

un detalle estas colocando párrafos dentro de los enlaces y esto es invalido, el elemento <a> es de linea y <p> es de bloque, no puedes o no debes meter elementos de bloque dentro de uno de linea, debe ser al revés un elemento de linea dentro de uno de bloque
  #3 (permalink)  
Antiguo 10/09/2012, 14:27
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Al pasar el mouse que cambie de color un TD

Tomaaaaaaa :D Muchisimas gracias !!!!!!!!!!!!!!!!! Un efecto tan simple k haga un efecto tan bueno!!!

Gracias de nuevo por tu mini clase ! Lo valoro!

Etiquetas: color, hover, html, imagenes, mouse, fondo, cambios
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 09:20.