Autor Tópico: [Duvida] Mapeamento de imagens!  (Lida 3909 vezes)

Offline gocho

  • Iniciado
  • *
  • Mensagens: 13
    • Ver Perfil
[Duvida] Mapeamento de imagens!
« em: 26 de Junho de 2007, 23:57:53 »
Boas! Quero fazer o mapeamento de uma imagem, eu sei como se faz, mas e se a imagem não se encontra especificada no ficheiro de html, mas sim no ficheiro css? Vejam o codigo neste site

http://www.w3schools.com/js/tryit.asp?filename=tryjs_imagemap

O endereço da imagem está no html, mas se eu chamar a imagem no css como é que eu faço? Cumps

Offline gocho

  • Iniciado
  • *
  • Mensagens: 13
    • Ver Perfil
Re: [Duvida] Mapeamento de imagens!
« Responder #1 em: 27 de Junho de 2007, 01:56:39 »
...e fiz assim..
<div id="menu_vertical">
         <img src ="imagens/menu_vertical.jpg" usemap="#mapeamento_menu_vertical"/>
         <map name ="mapeamento_menu_vertical">
         <area shape="rect" coords="21,4,241,51" onClick="setUrl('conteudo.html')"/>
         <area shape="rect" coords="21,58,241,103" onClick="setUrl('jogos.html')"/>
         <area shape="rect" coords="21,108,241,150" onClick="setUrl('forum.html')"/>      
         </map>      
      </div>

Mas, em vez de a source a imagem estar definida dentro da div, quero que fique definida dentro do css, assim:

#menu_vertical{
   background: url('imagens/menu_vertical.jpg');
   position: absolute;
   margin-left: 10px;
   margin-top: 299px;
   width:265px;
   height: 160px;
}

Alguem sabe como fazer isso?

Offline gimbras

  • Emblema de Prata
  • ****
  • Mensagens: 1104
    • Ver Perfil
    • NoFuturo.com
Re: [Duvida] Mapeamento de imagens!
« Responder #2 em: 27 de Junho de 2007, 15:58:33 »
E não funciona assim como disseste? Com a chamada da imagem via css?

Era a única maneira que achava que daria.
Cumps.

Offline gocho

  • Iniciado
  • *
  • Mensagens: 13
    • Ver Perfil
Re: [Duvida] Mapeamento de imagens!
« Responder #3 em: 27 de Junho de 2007, 16:08:44 »
Boas! Isto funciona, mas como chamo todas as imagens no CSS, por uma questão de organização do código, gostaria que todas as chamadas a imagens, ficassem dentro do CSS.
Ou achas que a maneira mais correcta será chamar todas as imagens que preciso de mapear dentro do HTML? Cumps

Offline gimbras

  • Emblema de Prata
  • ****
  • Mensagens: 1104
    • Ver Perfil
    • NoFuturo.com
Re: [Duvida] Mapeamento de imagens!
« Responder #4 em: 27 de Junho de 2007, 22:48:06 »
Não sei, mas neste caso, talvez seja melhor. Visto que a imagem com mapeamento não é bem um background.

Mas se funciona :D Testa em diferentes browsers.

Cumps.

Offline gocho

  • Iniciado
  • *
  • Mensagens: 13
    • Ver Perfil
Re: [Duvida] Mapeamento de imagens!
« Responder #5 em: 27 de Junho de 2007, 22:57:42 »
Boas! Dá para fazer com CSS, estive a pesquisar no google, mas como é um pouco complicado, para já não vou implementar porque não tenho tempo. Obrigado pela ajuda! Cumps

 




Roleta das Anedotas - Abre noutra janela