Foros del Web » Creando para Internet » CSS »

imagen fija con un link con css

Estas en el tema de imagen fija con un link con css en el foro de CSS en Foros del Web. hola bueno yo quiero poner una imagen fija en mi web y q de esa imagen se abra un link? encontre esto por el foro ...
  #1 (permalink)  
Antiguo 25/07/2011, 16:33
Avatar de lukazz  
Fecha de Ingreso: marzo-2011
Mensajes: 88
Antigüedad: 13 años
Puntos: 3
imagen fija con un link con css

hola bueno yo quiero poner una imagen fija en mi web y q de esa imagen se abra un link?

encontre esto por el foro

Código HTML:
body {
    background-color:#666;
    background-image:url(../images/1024_xxxx.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment: fixed;
}
pero solo es para dejar la imagen fija alguien sabe como hago para hacer q tambien tenga un link, gracias
  #2 (permalink)  
Antiguo 25/07/2011, 16:47
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 13 años, 6 meses
Puntos: 63
Respuesta: imagen fija con un link con css

Hola
Tan solo agregale la etiqueta <a href=""></a> y dentro el código de tu imagen. En tu HTML claro.
<a href="#"><img src="Tu_imagen.jpg" alt="Texto alternativo de tu imagen" /></a>
Saludos
  #3 (permalink)  
Antiguo 30/07/2011, 10:17
Avatar de infiero  
Fecha de Ingreso: marzo-2006
Mensajes: 38
Antigüedad: 18 años, 1 mes
Puntos: 3
Respuesta: imagen fija con un link con css

lo que vos queres es un truquito de css, el muchacho no quiere que este la imagen en el div, sino colocada con css es asi
pongamos que ese es mi div


Código CSS:
Ver original
  1. .web a
  2. {
  3.     background-image:url(images/web1.png);
  4.     background-repeat:no-repeat;
  5.     width:426px;
  6.     height:34px;
  7.     text-decoration:none;
  8.     display:block;
  9.     text-indent:-9000px; ACA EL TRUCO
  10.     padding:0 5px 5px;
  11. }
  12.  
  13. .web a:hover
  14. {
  15.     background-image:url(images/web2.png);
  16.     background-repeat:no-repeat;
  17.     width:426px;
  18.     height:34px;
  19.     text-decoration:none;
  20.     display:block;
  21.     text-indent:-9000px; ACA EL TRUCO
  22. }


Código HTML:
     
      <div class="web"><a href="mi url">LINK</a></div>

              

asi deberia funcionar a la perfeccion, y sino bien meter en el div una img

Etiquetas: css...., fija...., imagen..., link.....
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 18:08.