Ver Mensaje Individual
  #4 (permalink)  
Antiguo 02/06/2009, 23:36
grafo0
 
Fecha de Ingreso: marzo-2009
Mensajes: 4
Antigüedad: 15 años
Puntos: 0
Respuesta: Poner enlace a una foto por CSS

Hola RGT,
En mi primera página en css tuve un problema similar al intentar hacer que una capa con background-image funcionara como botón con link, la solucion que encontré fue agregar una imagen transparente de la misma dimensión como link, el codigo que use fue:
(no se si sera la solución mas ortodoxa a ojos de expertos, pero funciona) ;)

En CSS tienes:

.tubodyclass #tucapa {background-image:url( )}

Y en el HTML lo siguiente:

<div id="tucapa"><a href="aqui va el link.html"><img src"aqui la imagen transparente.gif"></a></div>

Consideraciones:
*1* La imagen transparente debe ser de la misma dimensión que la capa y la imagen background.
*2* Se puede usar como boton y agregar un atributo "hover" para que al pasar el mouse por encima de la capa cambie de imagen, simulando un boton dinamico con esta sentencia en la pagina de estilos:

.tubodyclass #tucapa:hover {background-image:url(la otra imagen aqui )}

Saludos.