one image three links

[judi]

I'm new to this forum and pretty new to web design period. I have an image, really a kind of menu in image form. I need to have three different areas of the image link to three different pages or points in the same page. I understand, or at least I think I do, about anchors and names to mark the destination spot on the page. But I have no idea how to code the image for the three different links.

Help please.

[rangana]

If I understand you correctly, you might find this link useful:
http://www.w3schools.com/TAGS/tag_map.asp

[judi]

Thanks Rangana. I have already figured it our using a link I found by searching the forum. Wish I had had this one first. It is much easier to follow.

Now I just need to make one of my links go to a specific point in the page and I'm done. Maybe you have a helpful link for that also?

Judi

[rangana]

Here's a basic example:

<a href="#area1">Area1</a>
<div id="area1" style="margin-top:900px;margin-bottom:20px;">
Content of Ariea 1
</div>

[jthayne]

Actually, it needs to be done as follows:

<a href="#area1">Area1</a>

<a name='area1'></a>
<div id="area1" style="margin-top:900px;margin-bottom:20px;">
Content of Ariea 1
</div>

The name value of the anchor tag is what tells the link where to go.

[rangana]

Actually, it needs to be done as follows:

<a href="#area1">Area1</a>

<a name='area1'></a>
<div id="area1" style="margin-top:900px;margin-bottom:20px;">
Content of Ariea 1
</div>

The name value of the anchor tag is what tells the link where to go.

jthayne,
I suggest you try check the code I've given to see if it was working or not. I tested it on IE and FF (at least), which gives me this certainty that it work.

Let me know how it does at your end.

[jthayne]

jthayne,
I suggest you try check the code I've given to see if it was working or not. I tested it on IE and FF (at least), which gives me this certainty that it work.

Let me know how it does at your end.

I stand corrected. Either way will work. I had always understood the name tag was the correct way to do it, but guess I was wrong. OOPS.

Thanks for the pointer, rangana.

[usename]

cool one xD

[DeanDanson]

<a href="#area1">Area1</a>

<a name='area1'></a>
<div id="area1" style="margin-top:900px;margin-bottom:20px;">
Content of Ariea 1
</div>

Now I just need to make one of my links go to a specific point in the page and I'm done. Maybe you have a helpful link for that also?

[jthayne]

The code you have in your post, Dean will do exactly what you are asking. The position the link goes to is based on the location of the name or id attribute within the page.