Thread: one image three links
Results 1 to 10 of 10
Related
-
swapped image links for portfolio Forum: Javascript Forum
Replies: 11 -
image maps..what should i target links to?? Forum: HTML Forum
Replies: 1 -
Hidden links on an image Forum: Javascript Forum
Replies: 2 -
image swap with links??? Forum: Javascript Forum
Replies: 4 -
border on image links Forum: HTML Forum
Replies: 11
-
09-01-2008, 08:35 PM #1
one image three links
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.
-
09-01-2008, 11:26 PM #2
Re: one image three links
If I understand you correctly, you might find this link useful:
http://www.w3schools.com/TAGS/tag_map.aspCheckout my porfolio.
Please click thebutton when a member helped you.
Take time to use Forum's Search function.
-
09-02-2008, 07:13 AM #3
Re: one image three links
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
-
09-02-2008, 09:07 AM #4
Re: one image three links
Here's a basic example:
HTML Code:<a href="#area1">Area1</a> <div id="area1" style="margin-top:900px;margin-bottom:20px;"> Content of Ariea 1 </div>
Checkout my porfolio.
Please click thebutton when a member helped you.
Take time to use Forum's Search function.
-
09-02-2008, 09:53 AM #5
Re: one image three links
Actually, it needs to be done as follows:
HTML Code:<a href="#area1">Area1</a> <a name='area1'></a> <div id="area1" style="margin-top:900px;margin-bottom:20px;"> Content of Ariea 1 </div>
-
09-02-2008, 09:59 AM #6
Re: one image three links
Checkout my porfolio.
Please click thebutton when a member helped you.
Take time to use Forum's Search function.
-
09-02-2008, 10:32 AM #7
-
11-20-2008, 01:17 PM #8
-
11-26-2008, 01:28 AM #9
one image three links
<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?
-
11-26-2008, 11:46 AM #10
Re: one image three links
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.
Cloudjiffy- PaaS for Developers
10-05-2020, 12:30 AM in Web Hosting Forum