Link to home
Start Free TrialLog in
Avatar of Pynball
Pynball

asked on

exact position

how do i specify the exact location of an image on a page?, what i'm trying to do is... I've got a map of australia on the page. i want to use an image (dot.gif) which is a little red dot and place lots of these images on certain parts of the map. when you press one of these dots (depending where it is) you will go to a specified section lower down the page (using the name="#blahblahblah" technique), what code do i use that is relatively simple to implement?
hope you can help.
Avatar of messentary
messentary

this can be a little difficult if you want to do it by hand.  You will need to use code similar to :

<MAP NAME="map1">
            <AREA SHAPE=CIRCLE COORDS="x, y, radius" HREF="page.htm">
whereas x, y, and radius are coordinates on your image.  You can plug in the coordinates using a photo editor to pinpoint the coordinants.

The easier thing to do is to use an image map creation program.  Here are some good URL's to try.

Windows:
http://www.concentric.net/~automate/hotspots.shtml
http://galadriel.ecaect.ohio-state.edu/tc/mt/
http://www.mediatec.com/


If you want to do it by hand, the <map> tag does need to be closed out after all the <areas> are completed.  </map>
oh, yea.  one more point.  If you are doing this by hand, Inside the <IMG> tag for the dot.gif pic, you will need to insert the usemap="#map1" whereas map1 is the name you give the map in the <map> tag.

<<img src="dot.gif" usemap="#map1">
Avatar of Pynball

ASKER

cool, i can now put the picture box on screen, but, the image (dot.gif) doesnt show up, and how do i put the dot ON another picture, ive got a australia map on screen (ozmap.gif) and i want the dot on top of that. is it possible?
If you wish to place the image over the top of another image you will need to use layers, this system is extremely incompatible with most older versions of netscape and and all other browsers.  What Iw ould suggest is that you draw the dots on the image in a drawing program(much more compatible)
You can create a table with no border (ie invisible) like this:

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"><TR><TD BACKGROUND="yourmap"></TD></TR></TABLE>

you can put your dots (images) over the background image(the map) this way, but they do need to be in the <TD></TD> tag.

I think this is fairly compatible with browsers nowadays.
The easiest way is however the one Steves suggested.

Floris 'wish he could change his nick' van Gog
Place the dots on the map in a graphics editor.  Save the map, then messentary comment will work.
I agree with chewymon, (and not just for the points :)  )  Adobe will work perfectly if you have it.  Just remember that you'll need to flatten the image before saving it.  However, any other image program will do just fine
ASKER CERTIFIED SOLUTION
Avatar of mushon
mushon

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Mushon,

This is the second time I've seen you post an answer with a previously stated answer.  If you are that desperate for points, then perhaps you should learn to come up with your own answers.  
ORIGINAL ANSWERS mushon


yeah that's kinda lame.. nothing new in that answer there...
Pynball,  I find it kind of sad and disappointing that you will accept an answer from someone who evidently likes to copy other peoples answers.  But, c'est la vie.  

Mushon, you will be reported for your numerous ploys of postings answers already stated by other people.  Personally, I don't care about the points, however, I do care that people like you, who are evidently complete morons, will try to boost their petty little egos by stealing points.  You evidently do not know a thing about computers, as all the answers I saw posted by you have been stolen from other people.
Avatar of Pynball

ASKER

messentary, sorry 2 dissapoint u dood, but i didnt accept anyones answer in particular, i used a combination of sections from the lot to achieve what i hoped, and i thank u all.
Reviewing question.

darinw
Customer Service
Pynball--For future reference, when you accept an answer, only the answer with the green titlebar is accepted.  That is the way the site works.  There are ways to split the points between experts if that is your wish.
chewymon,

I still owe you 50 points.  Pick them up in HTML

Mess