PDA

View Full Version : Image Map



JonnyChance
16 Jan 2007, 12:54 AM
I've never had any problems with image maps before now, but...

jonnychance.port5.com (http://jonnychance.port5.com)

The link for "home" at the top of the page is too low on firefox! All the links are in the right place on Internet Explorer, and the other three are fine on Firefox, but that one link slides down for some reason. Is it just my computer or something?

Please help!

Wickham
16 Jan 2007, 06:15 AM
I can see what you mean. In Firefox the Home link is a few px lower so that it only has one or two px height to click above the other.htm link below it.

I tried to raise the Home link by changing the coordinates to 726,190,757,224 but it refused to go up. Why won't it move up? I found out eventually.

If you give a background-color to the div containing the link to Annthronein which is just above the Home link you will see that it cuts across the Home image map link and Firefox must be a little more affected than IE:
<div style="position: absolute; top: 45px; left: 384px; width:
420px; height: 175px; background-color: skyblue;">

If you raise this div a bit it will clear the image map Home link:-
<div style="position: absolute; top: 40px; left: 384px; width:
420px; height: 175px; background-color: skyblue;">

Leave the coordinates as you had them:-
<area shape="rect" alt="home" coords="726,209,757,224"
href="/index.htm">

I thought at first that your code for coordinates was wrong.
The top left normally has two numbers separated by a comma, then the last pair separated by a comma but no comma between the pairs (which you have) but correcting this made no difference and it didn't explain why the other coordinates work properly.