<map> <area> hotspot moves when screen resolution changes

[John]

I have the following:

<map name="pencils.jpg">
<area shape="rect" alt="large" coords="56,300,80,350" href=" etc etc etc

However, if the user changes the screen resolution the hotspots move.
Is there any solution to that problem?

Regards
John

 

[Jukka K. Korpela]

Scripsit John:

I have the following:

<map name="pencils.jpg">
<area shape="rect" alt="large" coords="56,300,80,350" href=" etc etc
etc

I think it's the etc's that matter. Why don't you post a URL and tell what
you are really doing? The odds are that you are using an image map as an
unreliable expensive plastic imitation of a list of links, but once in a
decade, that guess might be wrong.

However, if the user changes the screen resolution the hotspots move.

They surely move, physically, since the coordinates are given in pixels and
the pixel size changes when the resolution changes.

Is there any solution to that problem?

What problem?

 

[dorayme]

I have the following:

<map name="pencils.jpg">
<area shape="rect" alt="large" coords="56,300,80,350" href=" etc etc etc

However, if the user changes the screen resolution the hotspots move.

The relative distance between Roger Rabbit's eyes, judged by the
context of his whole funny body stays the same no matter how big
a picture of him you have on the wall.

 

[Neredbojias]

Well bust mah britches and call me cheeky, on Thu, 23 Aug 2007 22:31:19 GMT
dorayme scribed:

The relative distance between Roger Rabbit's eyes, judged by the
context of his whole funny body stays the same no matter how big
a picture of him you have on the wall.

Not precisely true in an exact, pedantic sense. You have to account for
the size of the eyes themselves and make an appropriate reduction.
-Unless, of course, you use <noggin src="lupine" style="eyes-align:
center;"></noggin>

 

[dorayme]

dorayme scribed:


Not precisely true in an exact, pedantic sense.

On the contrary, it is true in the most pedantic sense. Why
should the relations change with size of picture on a wall or on
different monitors or resolutions?

 

[Neredbojias]

Well bust mah britches and call me cheeky, on Fri, 24 Aug 2007 01:25:40
GMT dorayme scribed:

On the contrary, it is true in the most pedantic sense. Why
should the relations change with size of picture on a wall or on
different monitors or resolutions?

Ya know, I think you're right. Still have a headache from last night.

 

[dorayme]

Well bust mah britches and call me cheeky, on Fri, 24 Aug 2007 01:25:40
GMT dorayme scribed:


Ya know, I think you're right. Still have a headache from last night.

O don't worry Boji, you might as well keep that headache, I have
not finished with you. O no... not by a long shot.

 

[John]

Hi. OK here's the code:

<img src='/images/html/header.jpg' width='100%' alt='header'
usemap='#headermap'></img>
<map id='headermap' name='headermap'>
<area shape='rect' coords='0,0,68,37' alt='RSS' target='_blank'
href='/rss/rss.xml'></area>
<area shape='rect' coords='130,11,340,35' alt='Paris'
href='/cgi-bin/staff/Paris.pl'></area>
</map>

Regards
John

 

[John Hosking]

Hi.

Hi, yourself, but we prefer when folks don't top-post.

OK here's the code:

Who asked for this? Where's the URL?

<img src='/images/html/header.jpg' width='100%' alt='header'
usemap='#headermap'></img>
<map id='headermap' name='headermap'>
<area shape='rect' coords='0,0,68,37' alt='RSS' target='_blank'
href='/rss/rss.xml'></area>
<area shape='rect' coords='130,11,340,35' alt='Paris'
href='/cgi-bin/staff/Paris.pl'></area>
</map>

It's definitely your header.jpg. You need to change the saturation of
the blue areas, and trim 7.5 px off the right edge.

Wouldn't you like to try

<ul>
<li><a href='/rss/rss.xml'>RSS</a></li>
<li><a href='/cgi-bin/staff/Paris.pl'>Paris</a></li>
</ul>

and some CSS instead of the code above?


[original full-quote of OP snipped here]