I am not sure exactly where the bug is, i am trying to do a page with image mapping and i keep encountering problems. So i was wondering if some of you pros could give me the right way to do the following...

make a blank gif
add image over gif to be map into links (basically image mapping)

(example: say i have three different basketball images on a page over a blank gif but i need each basketball to go to a different link)

Talk to me as if i am a child. I have the code and everything but something isn't working in my process, it could be i am doing something wrong with the gifs or maybe i just have the code wrong i don't know. I have photoshop and gimp which i can use to make the gifs and for mapping i have a web hotspots imagemapper if need be.

First why the blank gif. Second I find using a program the best way to do image maps. Take less time. Get an image mapper here http://www.tucows.com/preview/194560

If you still need help we'll need to see the code to see where you're going wrong.

If you have seperate images of these basketball links, you can just link them individually. If you have a larger images (say a map of some kind) and you need to link to locations from that image (like various cities on that map) you can code it like this:

<img src="http://www.webmaster-talk.com/images/canada_map.gif" usemap="#Map" style="width: 400px; height: 281px; border: 0;" alt="Map of Canada" title="Map of Canada" />

<map name="Map" id="Map">
  <area shape="rect" coords="58,151,112,173" href="#" alt="Edmonton" title="Edmonton" />
  <area shape="rect" coords="58,172,112,194" href="#" alt="Calgary" title="Calgary" />
  <area shape="rect" coords="134,186,188,208" href="#" alt="Winnipeg" title="Winnipeg" />
</map>

The above is coded in XHTML 1.0 Strict.

if you're doing this for basket balls, it might make more sense to do it using a "circle" instead of a "rectangle"

<map name="Map" id="Map">
  <area shape="circle" coords="170,223, 27" href="basketball1.htm" alt="Basket Ball 1" title="Basket Ball 1" />

But as collyer_1 said, you most likely don't need an image map at all. just put your image in between <a></a> tags.

Thank you guys. Yes that is the exact code i am using. I tried it again using a found gif and it works so apparently there is something wrong with the gifs i am making as that code just work on a gif i found on the net that wasn't my own.

I find this odd that you can make a gif. wrong, i figured that would have been the simplist part, but guess now i have to go sniffing in image forums

Just to update, it was indeed a corrupt gif. file and everything is working properly. So if anyone else is going through this CHECK THOSE GIFS!