1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Colocar um link dentro de uma imagem

Discussão em 'Web Development' iniciada por khaluh, 22 de Maio de 2007. (Respostas: 4; Visualizações: 12540)

  1. khaluh

    khaluh Power Member

    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.

    Código:
    
    <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?
     
    Última edição: 23 de Maio de 2007
  2. scroll

    scroll Power Member

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

    Código:
    <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,
     
  3. khaluh

    khaluh Power Member

    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á.
     
    Última edição: 23 de Maio de 2007
  4. msdevweb

    msdevweb Power Member

    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.
    Código:
    <!-- 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.
     
  5. K0mA

    K0mA Power Member

    Isto funciona, agora o propósito disto é ter as ligações não em texto mas sim na imagem !!!
    Se metes
    é Claro que vai ficar fora da imagem...

    isto.
     

Partilhar esta Página