Olá, Visitante. Por favor Entre ou Registe-se se ainda não for membro.
20 de Novembro de 2008, 22:27:29
Início Ajuda Pesquisa Entrar Registe-se
Notícias: REDCODESTUDIO
Flash, Programação Web e Web Design


+  Redcodestudio
|-+  Programação Web
| |-+  JavaScript
| | |-+  [Duvida] Mapeamento de imagens!
« anterior seguinte »
Páginas: [1] Ir para o fundo Imprimir
Autor Tópico: [Duvida] Mapeamento de imagens!  (Lida 2628 vezes)
gocho
Iniciado
*
Offline Offline

Mensagens: 13


Ver Perfil
« 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
Registado
gocho
Iniciado
*
Offline Offline

Mensagens: 13


Ver Perfil
« 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?
Registado
gimbras
Emblema de Prata
****
Offline Offline

Mensagens: 1101



Ver Perfil WWW
« 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.
Registado

gocho
Iniciado
*
Offline Offline

Mensagens: 13


Ver Perfil
« 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
Registado
gimbras
Emblema de Prata
****
Offline Offline

Mensagens: 1101



Ver Perfil WWW
« 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 Cheesy Testa em diferentes browsers.

Cumps.
Registado

gocho
Iniciado
*
Offline Offline

Mensagens: 13


Ver Perfil
« 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
Registado
Páginas: [1] Ir para o topo Imprimir 
« anterior seguinte »
Ir para:  


Entrar com nome de utilizador, password e duração da sessão


Powered by MySQL Powered by PHP Powered by SMF 1.1.4 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks
XHTML 1.0 válido! CSS válido!
Página criada em 0.056 segundos com 19 procedimentos.