The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> html image mapping, want to sellect an area of an image to link
knifepoint
post Jul 27 2008, 01:50 PM
Post #1





Group: Members
Posts: 4
Joined: 27-July 08
Member No.: 6,273



hi, im trying to sellect an area of an image and make it a link (not the whole image), but i cant find the html code for it, the coords of the image are

42x8 (top left)
94x8 (top right)
42x19 (bottom left)
94x19 (bottom left)

how do i make this area of the image a link?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 27 2008, 02:54 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Here you go.
http://htmlhelp.com/reference/html40/special/area.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
knifepoint
post Jul 28 2008, 04:00 AM
Post #3





Group: Members
Posts: 4
Joined: 27-July 08
Member No.: 6,273



Ok ive used the given code but it links the whole image, not only the section i want to be a link. im using the following code

<A HREF="/Achievements.php" ALT="Guild Achievements" COORDS="40,9,167,20"></a>
<img src="/skins/colossus/img/main/title2.PNG">

If i place the </a> at the end if the image src it links the whole image, if i place the </a> at the end if the coords (as i have above) it doesnt link anything at all...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jul 28 2008, 04:51 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Have you followed the link to MAP too, in the url Pandy gave you?
If then you still have problems, post the url of a sample page you made.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
knifepoint
post Jul 28 2008, 05:00 AM
Post #5





Group: Members
Posts: 4
Joined: 27-July 08
Member No.: 6,273



the map is the area that is suposed to be the url isnt it?

here is the code and page im using:

http://warcraft.global-revenge.com/resources.php

<!-- BEGIN: MAIN -->

<div id="main">

<table border="0" cellpadding="0" cellspacing="0" style="width:100%;">
<fontsize="16"><b>
<tr>
<img src="/skins/colossus/img/main/title4.PNG">
Currently working on these pages, if you have any ideas or want anything added let me know.
<br>
<br>
Need Videos and Screen shots, send them to me or let me know and ill upload them.
<br>
<br>
</b>
Knifepoint
<br>
<br>
<hr>
<br>
<A HREF="/Achievements.php" ALT="Guild Achievements" COORDS="40,9,167,20">
<img src="/skins/colossus/img/main/title2.PNG"></a>
<br>
<img src="/skins/colossus/img/main/title3.PNG">
<br>
<img src="/skins/colossus/img/main/title5.PNG">
<br>
</font></a></b></p>


<br>
</font>
</tr>
</table>




</div>

<!-- END: MAIN -->
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jul 28 2008, 05:16 AM
Post #6


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



See how a MAP, AREA's, HREF's and COORD's are set up in the sample code given at http://www.htmlhelp.com/reference/html40/special/map.html.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 28 2008, 09:16 AM
Post #7


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Yeah, read that. You've tried to put the coords in an ordinary A tag instead of in an AREA tag and you don't have an imagemap at all. You also need to "link" the image to the map with the 'usemap' attribute.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
knifepoint
post Jul 30 2008, 06:43 AM
Post #8





Group: Members
Posts: 4
Joined: 27-July 08
Member No.: 6,273



ah yeah lol, thanks i have it working now
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 09:08 AM