insertar enlace en imagen

[kullomo]

Hola a todos:

Tengo que incluir en una web hecha con XTML, CSS y ASP una imagen que lleve a otra web diferente al pinchar sobre ella. Como la web en la que tengo que incluir la imagen tiene muchas páginas había pensado en modificar el parámetro background de uno de los estilos de la hoja CSS (background: url("imagenes/imagen.jpg" no-repeat;) para que así la imagen aparezca directamente en todas las páginas del sitio web.

Lo que no sé si se puede hacer es indicar directamente, en el propio estilo de la hoja CSS en la que modifiqué el atributo background, la URL a la que se iría al pulsar sobre la imagen. No sé si me he explicado bien.

¿Es posible hacer eso?. ¿Hay alguna otra solución?. Me ahorraría un montón de trabajo para no tener que ir página a página metiendo la imagen y el link.

Gracias a todos.

[JavierB]

Hola kullomo. Bienvenido al foro.

Con Css no se puede. Quizás se pueda hacer algo con JavaScript, si nos pones la estructura de tu página y dónde quieres poner la imagen con el enlace.

Movido desde Css.

Saludos,

[kullomo]

Hola JavierB. Gracias por tu rápida respuesta.

A continuación te indico el código HTML del la parte de la página en la que tengo que incluir la imagen:

<div id="separa">
<div id="idioma">
<span class="texto">
<a href="../es/default.asp" class="enlacebold">
<img border=0 src="images/icons/ico_spain.gif" alt="Español" /> Spanish
</a>
</span>&nbsp;
<span class="textobold">
<img src="images/icons/ico_usa.gif" border="0" alt="Ingles" /> English
</span>
</div>
<!-- // aquí es donde quiero incluir la imagen //-->
<div id="buscar">
<div align="right">
<a href="#">
<img src="images/current_newsletter.gif" width="166" height="32" border="0" />
</a>
</div>
</div>
</div>

Y seguidamente te indico las clases CSS que aparecen en esa parte de código:

#buscar {
width: 400px;
}

#idioma {
float: left;
margin-left: 5px;
width: 300px;
}

#separa {
padding: 0px;
margin-bottom: 5px;
height: 25px;
background: #efefef;
}

.texto{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-align: left;
padding: 0px;
}

.textobold{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
font-weight: bold;
}

Gracias de nuevo por tu ayuda y saludos.