How do I lock hot spots within a picture in Front Page?

A

Adi

I have been trying to lock my hotspots within a picture but it is not
happening. Once the screen size changes, my links are all over the place.
What do I do?
Also, for some reason, hot spot properties do not appear?
 
T

Thomas A. Rowe

Do not use absolute positioning for the image or VML Graphics, just insert the image on the page or
in a table then apply the hotspots.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
M

Murray

Since the hotspots are offset from the current image's position by the
browser, I can't see that using absolute positioning on the image would have
any effect on the hotspot location at all. The VML might, though....

To know for sure what the culprit is, though, we would have to see the code.

Funny how that code thing always comes up.... 8)
 
T

Thomas A. Rowe

If you absolute positioning the image, and then apply the hotspots, the coordinate for the hotspots
shift with the browser viewpoint.

VML uses absolute positioning.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
M

Murray

Thomas:

Consider this code -

<div style="position: absolute; z-index: 1; left:57px; top:155px"
id="layer2">
<map name="FPMap0">
<area href="new_page_6.htm" shape="rect" coords="92, 111, 218, 218">
</map>
<img border="0" src="../blah.jpg" width="300" height="301"
usemap="#FPMap0"></div>

Note the layer's position, and the coordinates of the hotspot.

Then look here -

<div style="position: absolute; z-index: 1; left:438px; top:158px"
id="layer2">
<map name="FPMap0">
<area href="new_page_6.htm" shape="rect" coords="92, 111, 218, 218">
</map>
<img border="0" src="../blah.jpg" width="300" height="301"
usemap="#FPMap0"></div>

Again, note the layer's position and that of the hotspot. The hotspot's
coordinates are offsets from the current position of the image, regardless
of what that position is.

<map name="FPMap0">
<area href="new_page_6.htm" shape="rect" coords="92, 111, 218, 218">
</map>
<img border="0" src="../blah.jpg" width="300" height="301" usemap="#FPMap0"
style="position:absolute; left:357; top:173">

Note that this is true even when I position the image directly.
 
T

Thomas A. Rowe

Ok, then why is the user having an issue with the hotspots not match the original design location
when the screen size is changed?

When I insert a map of the US in a fixed width table with hotspot, and centered on the page, my
hotspots are always in the correct location to the map no matter what.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
T

Thomas A. Rowe

Ok, I see your point....It should always be with the image.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
M

Murray

Right. The coordinates in the <map> refer to offsets from the current
image's position, wherever that is.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top