Se puede poner direción a una imagen en css?

jtole · #1 (**permalink**) 07/12/2011, 17:16

Hola mi pregunta es la siguiente, ¿se puede poner una dirección a una imagen para que al clikear sobre ella te dirija hacia un sitio web?

Esto es lo que tengo puesto en mi css...

body {
background: #05131d url(../images/fondosweb/sonic.png) no-repeat 50% 41px;
min-width: 980px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
line-height: 1em;
color: #393939;
}

Como veis de imagen de fondo tengo "sonic.png" y me gustaria insertar a la imagen una dirección que redirija a un sitio una vez se clickea en ella pero no se si hay codigo en css que permita esa opción.

Gracias

nicooq22 · #2 (**permalink**) 07/12/2011, 19:34

en css creo que no pero si con html pones <a href="link externo"><div class="tucss" /div> </div>

y listo redireccionaria.

IsaBelM · #3 (**permalink**) 07/12/2011, 20:23

puede que esto sea lo que buscas

Oscar_Hidro · #4 (**permalink**) 08/12/2011, 18:14

Me llama la atencion que uses la imagen en el body, de esta manera la imagen queda fija en el body sin la posibilidad(al menos hasta donde conosco) de poder linkear una direccion en esa imagen, puesto que es un elemento fijo de un body.

Yo te recomendaria dentro del body hacer un div con el tamaño que tu consideres necesario, y darle las caracteristicas que le has dado al body.(alto, ancho, color, etc.)

Una vez hecho esto, en tu div simplemente abre una etiqueta de referencia <a href="la direccion que deseas"> y dentro de esta otra etiqueta de imagen <img src="la imagen que deseas" </a>

De tal manera que quede algo como esto:

Código HTML:

Ver original<body>
<div id="nombre_del_div">
<a href "Ruta_de_la_pagina"><img src="ruta_de_la_imagen"></a>
</div>
</body>

Recuerda nada mas darle las propiedades a la imagen por separado

IsaBelM · #5 (**permalink**) 09/12/2011, 13:48

Cita:

Iniciado por Oscar_Hidro

Me llama la atencion que uses la imagen en el body, de esta manera la imagen queda fija en el body sin la posibilidad(al menos hasta donde conosco) de poder linkear una direccion en esa imagen, puesto que es un elemento fijo de un body.

es posible hacerlo ..... con javascript

jtole, la página no tendrá contenido??

jtole · #6 (**permalink**) 09/12/2011, 17:18

Cita:

Iniciado por IsaBelM

es posible hacerlo ..... con javascript

jtole, la página no tendrá contenido??

Y como se hace con javascript??

No se a que te refieres con lo de si la página no tiene contenido, si tiene contenido.