Directamente, les muestro el código que no funciona como quiero.
El problema es que, cuando desactivo la imagen, el link (<a>) se muestra correctamente, pero no es posible pulsar sobre él para abrir la nueva página. (Pueden ver la página en la dirección [URL="http://www.flsc.es"]http://www.flsc.es[/URL]).
Agradezco de antemano cualquier ayuda.
Código html
<div id="contenedor">
<h1>
<span>
<img src="imagenes/index.jpg" alt="Fernando sobre gneis" usemap="#Gneis" />
<map name="Gneis" id="Gneis"><area shape="poly" coords="131,12,387,15,384,405,23,408,87,279,228,24 0,241,209,174,109" href="introduccion.html" alt="Click para entrar"/>
</map>
</span><p>Hola, soy Fernando.<br/>Pulsa <a href="introduccion.html">aquí</a> para entrar a mi sitio web.</p>
</h1>
</div>
Hoja de estilo
#contenedor {
margin: 20px auto;
width: 400px;
height: 437px;
}
#contenedor h1 {
position: relative;
width: 400px;
height: 437px;
overflow: hidden;
font-size:12px;
font-weight:normal;
color:#660000;
}
#contenedor h1 span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#contenedor h1 p {
margin-top: 100px;
font-size:18px;
font-weight:bold;
}
#contenedor img {
border: 0;
}