Enlace en una imagen

[Soriano.e]

Hola a todos, bueno el caso es que llevo toda la tarde dandole vueltas pero no me sale Tengo una imagen que hace de fondo dentro de una capa y lo que quiero es que al pinchar sobre ella se abra otra ventana, la cuestion es que nose como ponerle el enlace, porque como esta de fondo... Nose si se puede asi, o tengo que ponerla como imagen y entonces darle el enlace, a ver si alguien me dice si se puede hacer de la primera manera.

Saludos

[caricatos]

Hola Soriano.e:

A los fondos y estilos no se les puede asociar ningún evento, o sea que tendrás que ponerle el enlace a toda la capa o usar un tag img.

Saludos

[CORE]

Hola
Como dice Caricatos no es posible necesitas hacer algo asi

Código HTML:

<div id="nosotros"><a href="nosotros.php">Nosotros</a></div> 

y en tu hoja solo pones

font-size: 0;

saludos

[clm2206]

Hola

Me parece lo que responde CORE sobre posicionar el tag <a> de manera absoluta, con contenido de 'font-size: 0', es el camino correcto. Sin embargo, mi aporte es que para hacer coincidir el <a> con la imagen de fondo, y para que puedas "moldearlo" debes quitarle su caracter de elemento de línea con 'display: block'. Hecho esto le das dimensiones como si de un bloque se tratara, y le haces coincidir con la imagen de fondo con width y height. Un consejo, a veces es muy práctico poner 'border: 1 px solid red' a ciertas clases o ids para poder "verlos" en el browser mientras los posicionas.

¡Un saludo!

Carlos

[CORE]

A lo que dice carlos el codigo seria

Código HTML:

div#nosotros a{
	background-image: url(img/nosotros_1.png);
	background-repeat: no-repeat;
	display: block;
	height: 104px;
	width: 123px;
	font-size: 0;
}

algo asi

saludos