View Full Version : Image Map Help


Nexoom
08-14-2006, 12:16 AM
Hi, i'm trying to make an image map, i have the image made, and the links all work, but i am unable to upload the image into the neopets database. How do you get the image, from file to the website. Help me please!!

here's the code, (it's in a div box), and yes i know, all of the link-to's aren't complete this is because i don't have a place to link to yet. Can you help me


<div id=layer1 style="position:absolute; top:800; left:300; width:200; height:252; z-index:1; padding:5px; border: #FFFFFF 2px; background-color:#000000; overflow:auto"><img src="GuildLinks.bmp" usemap="#mymap" width="200" height="252" alt="Links" border="0"><map name="mymap">
<area shape="rect" coords="0,0,98,70" href="http://petpages.neopets.com/~Zis_Xavier" alt="Guild Page">
<area shape="rect" coords="98,0,200,70" href="http://www.neopets.com/gallery/index.phtml?user_cat_g=Dragon&gu=aigu_grave&" alt="Gallery">
<area shape="rect" coords="0,70,98,139" href="http://petpages.neopets.com/~Azzali" alt="Prize Page">
<area shape="rect" coords="98,70,200,139" href="http://petpages.neopets.com/~Jekiriha" alt="Activities">
<area shape="rect" coords="0,139,98,180" href="" alt="Donation Shop">
<area shape="rect" coords="98,139,200,180" href="http://petpages.neopets.com/~Nexoom" alt="RP Page">
<area shape="rect" coords="0,180,98,216" href="" alt="Game Help">
<area shape="rect" coords="98,180,200,216" href="" alt="FAQ">
<area shape="rect" coords="0,216,98,252" href="http://www.neopets.com/neomessages.phtml?type=send&recipient=aigu_grave" alt="Neomail Me">
<area shape="rect" coords="98,216,200,252" href="mailto:aigu_grave@yahoo.com" alt="E-mail Me">
</map><div align="center"></div></div>

thanks!!

tokyo bleu
08-14-2006, 09:19 AM
You need to upload the image to a host, like ImageShack (http://imageshack.us). Once you upload it to ImageShack, it will give you the link to your image.

Then in this part of your image map coding:
<img src="GuildLinks.bmp" usemap="#mymap" width="200" height="252" alt="Links" border="0">

Replace GuildLinks.bmp with the image link.

Nexoom
08-14-2006, 09:24 PM
Oh Thank You!!