So I am helping out my friend with his website and he wants me to add links to his header file. I look at the code and saw the map tag and I have never use it before and need some help.
here the header file : http://coolshade4u.com/header1.jpg

here the code

 <tr>
      <td><map name="FPMap0">
      <area alt="Contact Cool Shade" coords="327, 5, 416, 22" shape="rect" href="contact_cool_shade.htm">
      </map><img border="0" src="header1.jpg" usemap="#FPMap0" width="875" height="222"></td>

My question is how do I use the coords function on the our services font, about us font, home font and the 3 fonts on the far right with: for your home, for you auto, for your business.

any help is much appreciated

The link below will explain about the map tag in detail and you will be able to learn how to do it.

Image Map

Thank you for that info knight. I got another question, How do I know what to put in for numbers for each image?
<area shape="rect" coords ="0,0,82,126" />

Here this has all the links where they should be all you have to do is change the links to your sites links.

<map name="FPMap0" id="FPMap0">
<area href="home link" alt="Home" title="Home" shape="rect" coords="3, 5, 56 ,22">
<area href="about us link" alt="About Us" title="About Us" shape="rect" coords="200, 5, 130 ,22">
<area href="our services link" alt="Our Services" title="Our Services" shape="rect" coords="215, 5, 315 ,22">
<area href="contact us link" alt="Contact us" title="Contact Us" shape="rect" coords="327, 5, 416, 22">
<area href="for your home link" alt="For your home" title="For your home" shape="rect" coords="580, 142, 855, 114">
<area href="for your auto link" alt="For your auto" title="For your auto" shape="rect" coords="580,147, 855, 166">
<area href="for your business link" alt="For your business" title="For your Business" shape="rect" coords="580, 173, 855, 195">
</map><img src="header1.jpg" alt="Cool Shade Unlimted" border="0" usemap="#FPMap0"><br>

Oh before i forget, tell your friend his or her banner is wrong the word unlimted is misspelled it should be unlimited, i just wanted to tell you because they should fix that before you add the image map to it.

thank you knight for all the info and I will tell him that. How do you want to put in the coord= 0,0,0,0 is there a trick you can tell me.
Thanks again

the 1st 0 = the left of the rect
the 2nd 0 = the top of the rect
the 3rd 0 = the right of the rect
the 4th 0 = the bottom of the rect

The coordinates are trial and error you have to keep tweeking them till they are how you want them.

Lets take your banner its 875px wide by 222px tall if you wanted to make half your banner a link you would take it from the top down 222px then you would take it across 437px from the left so the coordinates would be 0, 0, 437, 222
because you want it to start from the left at 0 and then you would take it 437 pixels to the right, next you would start from the top at 0 and take it 222px to the bottom so it comes out to 0left, 0top, 437right, 222bottom,

this may be hard to understand because i do not really know how to explain things good so if you have other questions just ask.

tip...use frontpage to do this...its way easy that way...if your going to do it by hand you can open your image in paint on a windows os and use the pointer mouseover and get the coords

use frontpage to do this

Nooooooooo... what a hideous idea !

ImageMaps are, quite frankly, a bad navigation idea. They are usually horribly inaccessible and there are much better ways to create the functionality of an image map using CSS w/o all that nasty imagemap code.

knight13 can you repost the source code for me please. I don't know why the amdin deleted the post saying you were trying to gain post counts. That info was very important to me. Thanks