Help - Search - Members - Calendar
Full Version: iamge mapping issues.
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
coffeeandacasio
CODE
<div style="position:absolute; top: 0px; left: 0px; width: 1022px; height: 696px;">
<img src="http://i26.tinypic.com/255rsp3.gif" style="position:relative; left:0px;top:0px;"  border="0" alt="" usemap="#paperstreet_Map"></div>
<map name="paperstreet_Map">
<area shape="rect" alt="" coords="915,685,1021,696" href="jeanaurl" target="_blank">
<area shape="rect" alt="" coords="354,600,426,624" href="inviteurl" target="_blank">
<area shape="rect" alt="" coords="319,576,425,600" href="auctionsurl" target="_blank">
<area shape="rect" alt="" coords="331,548,426,576" href="donateurl" target="_blank">
<area shape="rect" alt="" coords="331,525,425,548" href="webbieurl">
<area shape="rect" alt="" coords="283,499,426,525" href="homeurl" target="_blank">
<area shape="rect" alt="" coords="358,469,426,499" href="joinurl" target="_blank">
<area shape="rect" alt="go home" coords="358,440,427,469" href="homeurl" target="_blank">
</map>

i used photoshop imageready to make the codes but the links aren't clickable. i've hovered around the area and nothing is clickable.
does anyone know what the problem is?
salcha4u
You need to put in your links.

CODE
<div style="position:absolute; top: 0px; left: 0px; width: 1022px; height: 696px;">
<img src="http://i26.tinypic.com/255rsp3.gif" style="position:relative; left:0px;top:0px;" border="0" alt="" usemap="#paperstreet_Map"></div>
<map name="paperstreet_Map">
<area shape="rect" alt="" coords="915,685,1021,696" href="might be a good idea to..." target="_blank">
<area shape="rect" alt="" coords="354,600,426,624" href="put a link here (:" target="_blank">
<area shape="rect" alt="" coords="319,576,425,600" href="here too" target="_blank">
<area shape="rect" alt="" coords="331,548,426,576" href="maybe even here too" target="_blank">
<area shape="rect" alt="" coords="331,525,425,548" href="whoaaaaaaaaa">
<area shape="rect" alt="" coords="283,499,426,525" href="lyk omg" target="_blank">
<area shape="rect" alt="" coords="358,469,426,499" href="jk" target="_blank">
<area shape="rect" alt="go home" coords="358,440,427,469" href="have fun" target="_blank">
</map>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.