Welcome to Dream.In.Code
Getting Help is Easy!

Join 109,154 Programmers for FREE! Ask your question and get quick answers from experts. There are 1,118 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



Imagemaps

 
Reply to this topicStart new topic

Imagemaps, beyond doubt a dummies question

manzoor
post 22 Jun, 2008 - 03:19 PM
Post #1


D.I.C Regular

Group Icon
Joined: 7 Aug, 2007
Posts: 381



Thanked 2 times

Dream Kudos: 50
My Contributions


Can anyone recommend me any tool which makes the procedure of selecting imagemap's coordinates convenient? I'm having difficulty selecting coordinates for a circle, like I want to have a circle an area of xx,xx pixel with a radius of xx. So the radius part is inconvenient. Because I cannot ensure whether the circle is exactly of the radius what I would like. I'm using MS Paint tongue.gif tongue.gif.

I would be grateful if that tool/software is freeware.


-Manzoor
User is offlineProfile CardPM

Go to the top of the page


ccrasherdeb
post 22 Jun, 2008 - 06:10 PM
Post #2


D.I.C Head

**
Joined: 3 Mar, 2008
Posts: 56

For (X)HTML , I believe the code is

1. <map

2. name="label" id="label"> where label is the name of the map or image

3. <area to define the first clickable area

4. alt="info" where info describes what will happen when the victim clicks

5. shape="type" where type represents the areas shape, use rect for rectangle, circlr for a circle and poly for irregular shapes

6. coords="x, y, r where x and y represent the center of the circle and r is the radius

7. href="url.html"
or
="noref" if clicking should have no result

8. target="name" where name is the name of the window where the page should appear

9. accesskey="x" to add a keyboard shortcut

10. /> to complete the clickable area

11. Repeat 3-11 for each area

12. </map(image) to complete

13. <img src="image.gif" or whatever the image is

14. add image attributes , including alt

15. usemap="#label" where label is image in step 2

16. /> for the image.


and thats the (X)HTML way

For photoshop use the elipsis tool, draw the circle and then manually enter the size you want and then use the guides to place it.

This post has been edited by ccrasherdeb: 22 Jun, 2008 - 06:12 PM
User is offlineProfile CardPM

Go to the top of the page

manzoor
post 23 Jun, 2008 - 02:37 AM
Post #3


D.I.C Regular

Group Icon
Joined: 7 Aug, 2007
Posts: 381



Thanked 2 times

Dream Kudos: 50
My Contributions


I know how to do this in XHTML but I want to see what part will be included in if i choose xx radius from xx point, I want to see it before coding it
User is offlineProfile CardPM

Go to the top of the page

Fast ReplyReply to this topicStart new topic
Time is now: 9/5/08 05:11PM

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month