Colocar um link dentro de uma imagem

[khaluh]

Viva.

Quero colocar dentro de uma imagem alguns links para outras páginas só que ficam todas fora da imagem.

Coloquei o código a ver se me podiam esclarecer como faze-lo.

<img src="imagens/cabecalho.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
    <area shape="rect" coords="16,12,219,86" href="index.php" />
</map>
<div id="menu_ver">
    <div align="right">
        <ul>
            <li> <a href="#">Contactos</a> </li>
        </ul>
    </div>
</div>

Edit: Ninguem me sabe ajudar? Ou expliquei mal o que pretendo?

 

[scroll]

não sei se percebi bem a tua questão, mas fica aqui um exemplo:

<a href="123.php" target="_blank"><img src="/images/barra.jpg" width="773" height="56" border="0" /></a>

... ou estás a referir-te a hotspots ?

abraço,

 

[khaluh]

Rui, obrigado pela resposta.

Parece que me expliquei mal.

Eu pretendo colocar o link na imagem (nao ser a imagem um link), pois já tenho um map aplicado a uma parte da imagemimagem.

Poderia resolver a questão colocando-a a imagem como background da div onde tá, mas depois para o resto nao me dá.

 

[msdevweb]

queres ter a imagem por tras e o link en cima da imagem???

isso terás que alinhar as tuas div's para a posição que queres atraves de css nos atributos da div.

tipo a tua div de link.

<!-- aqui jogas com a posição (left, top) até que acertes em cima da tua imagem (podes usar o position:relative, mas no teu caso o absolute é melhor -->
<div style="position:absolute; left:150px; top:70px">
     <ul>
            <li> <a href="#">Contactos</a> </li>
        </ul>
</div>

será isto?? Abraço.

 

[K0mA]

<img src="imagens/cabecalho.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="0,0,219,86" href="index.php" />
</map>

Isto funciona, agora o propósito disto é ter as ligações não em texto mas sim na imagem !!!
Se metes

<div id="menu_ver">
<div align="right">
<ul>
<li> <a href="#">Contactos</a> </li>
</ul>
</div>
</div>

é Claro que vai ficar fora da imagem...

Vê isto.