02/06/2009, 23:36
|
| | Fecha de Ingreso: marzo-2009
Mensajes: 4
Antigüedad: 15 años, 9 meses 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. |