Link en imagen agrandada

[raul_18]

Buenas,

no me deja aplicar un link en una imagen que se agranda.
El tema es que quiero que al pasar el ratón por la imagen se agrande (eso ya lo tengo hecho) pero que cuando haga click en la imagen me mande a otra página.

Lo aplico con dreamweaver pero pasa de mi cara!

la web:
www.lacasadecoko.org.es y lo de la imagen está a la barra lateral izquierda (la penúltima) la que pone recogida d e cartuchos!

gracias

[IsaBelM]

un vinculo, tal que así

<a href="url" target="_blank"><img src="imagesweb/cartuchos_001.jpg"></a>

[raul_18]

según el link que tengo puesto, la parte "url" está puesta pero no activada:

<p><a href="cartuchos.html" target="_blank"><a class="thumbnail" href="#thumb"><img src="imagesweb/cartuchos_001.jpg" width="120" border="0" /><span><img src="imagesweb/cartuchos_001.jpg" />

[amdisenoweb]

me parece un poco raro como lo haces tienes un vinculo dentro de otro sin cerrar el primero no se lo veo raro pero aun asi puedes intentar lo siguiente :
<p><a href="cartuchos.html" target="_blank" class="thumbnail" href="#thumb">
<img src="imagesweb/cartuchos_001.jpg" width="120" border="0" />
<span><a href="cartuchos.html">
<img src="imagesweb/cartuchos_001.jpg" border="0" />
</a>
</span>
</a>

si te das cuenta la imagen que supongo que muestras en grande es la que esta en el span, pero dentro de el no tienes el vinculo, he puesto el borde a cero para que no aparezca.

[IsaBelM]

el css sería algo como esto

.thumbnail{ position: relative; z-index: 0; }
.thumbnail:hover + a img, a img:hover { display: block; z-index: 50; position: relative; top: -50px;}
a img { display: none;}

y el html

<img src="imagesweb/cartuchos_001.jpg" class="thumbnail" width="120px" border="0" />
<a href="url" target="_blank"><img src="imagesweb/cartuchos_001.jpg" /></a>