Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rcvanni

Map areas com borders

Por , em Desenvolvimento frontend

Recommended Posts

rcvanni    0

rcvanni
Postado

Pessoal,Estou mapeando algumas imagens usando algo mais ou menos assim :<area shape="RECT" coords="302,1,339,73" href="" onclick="..."><area shape="RECT" coords="30,1,33,73" href="" onclick="..."><area shape="RECT" coords="32,1,39,73" href="" onclick="...">...Entretanto não estou conseguindo que alguns destes mapeamentos apareçam destacados na figura ( com um style-border=2px;, por exemplo )... Ou seja apareceria o retangulo correspondente ao mapeamento específico na imagem...Alguém sabe se seria possível fazer isto ?[]s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado 

area {border:2px solid #000;}

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcvanni    0

rcvanni
Postado 

area {border:2px solid #000;}
[]'s
Grato pela resposta ...Mas como eu faria para atribuir a cada uma das entradas individualmente ? Por exemplo :<area shape="RECT" coords="1,1,37,73" href="" onclick="...> // este não gostaria que destacasse<area shape="RECT" coords="1,1,37,73" href="" onclick="...> // este deveria ser destacado<area shape="RECT" coords="1,1,37,73" href="" onclick="...> // este deveria ser destacado<area shape="RECT" coords="1,1,37,73" href="" onclick="...> // este não gostaria que destacasseObs.: Sou novo usando o objeto map... Grato pela paciência ...[]s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado 

<area class="borda" .................

 

area.borda {border:2px solid #000;}

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcvanni    0

rcvanni
Postado

Perdão cara, mas ainda não está funcionando ...

 

O detalhe eh que colocando por exemplo um style no img funciona sem problemas . Entretanto no area ( que é o que realmente preciso ) não funciona ...

 

Veja o link ...

area borders

 

Veja o código ....

 

<html><head><link rel="stylesheet" type="text/css" href="http://200.145.5.3/bordermap/bor.css"></head><body><table><tr><td align="center"><map name="im3"><area class="borda" shape="RECT" coords="50,50,90,90" href="" ></map><img src="europe.gif" style="border:2px solid #000;" usemap="#im3"></td></tr></table></body></html>

aqui o bor.css

 

area.borda {border:2px solid #000;}

Estou fazendo algo de errado ?

 

[]s

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito