Positioning In An asp:imagemap

  • Thread starter Thread starter Iain
  • Start date Start date
I

Iain

Hi all

I have just discovered the asp:imagemap and I have been able to create
a rough page using and ImageMap and a number of RectangleHotSpot
property.

Appears to work quite well apart from one problem.

When I either zoom the page in/out the image gets smaller/larger and
moves away from the hotspot. I think I understand why this is
happening but would like to know if there is anyway I can stop it from
happening.

Thanks in advance for any help offered

Regards

Iain

The following is my code


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<centre>
<asp:imagemap id="Shop"
imageurl="Images/Operation.gif"
width="1500"
height="750"
alternatetext="Shopping choices"
runat="Server">

<asp:RectangleHotSpot left = "673"
top = "68"
right = "916"
bottom = "185"
HotSpotMode="Navigate"
postbackvalue="Hydraulic On Post"
NavigateUrl="~/HydraulicsOnPost.aspx"
AlternateText="Hydraulic On Post" />

<asp:RectangleHotSpot left = "261"
top = "374"
right = "514"
bottom = "481"
HotSpotMode="Navigate"
postbackvalue="Copper Pipe Sub-
Assembley"
NavigateUrl="~/
CopperPipeSubAssembley.aspx"
AlternateText="Copper Pipe Sub-
Assembley" />

<asp:RectangleHotSpot left = "548"
top = "299"
right = "744"
bottom = "396"
HotSpotMode="Navigate"
postbackvalue="Hydraulic Off Post"
NavigateUrl="~/HydraulicOffPost.aspx"
AlternateText="Hydraulic Off Post" />

<asp:RectangleHotSpot left = "270"
top = "605"
right = "510"
bottom = "724"
HotSpotMode="Navigate"
postbackvalue="Hydraulic Stack Sub
Assembley"
NavigateUrl="~/
HydraulicStackSubAssembley.aspx"
AlternateText="Hydraulic Stack Sub
Assembley" />

<asp:RectangleHotSpot left = "550"
top = "304"
right = "791"
bottom = "723"
HotSpotMode="Navigate"
postbackvalue="Motor Sub Assembley"
NavigateUrl="~/MotorSubAssembley.aspx"
AlternateText="Motor Sub Assembley" />

<asp:RectangleHotSpot left = "834"
top = "605"
right = "1081"
bottom = "721"
HotSpotMode="Navigate"
postbackvalue="Pump Sub Assembley"
NavigateUrl="~/PumpSubAssembley.aspx"
AlternateText="Pump Sub Assembley" />

<asp:RectangleHotSpot left = "1105"
top = "605"
right = "1356"
bottom = "713"
HotSpotMode="Navigate"
postbackvalue="Meter Sub Assembley"
NavigateUrl="~/MeterSubAssembley.aspx"
AlternateText="Meter Sub Assembley" />

</asp:imagemap>
</centre>

</body>
</html>
 
I have just discovered the asp:imagemap and I have been able to create
a rough page using and ImageMap and a number of RectangleHotSpot
property.

Appears to work quite well apart from one problem.

When I either zoom the page in/out the image gets smaller/larger and
moves away from the hotspot. I think I understand why this is
happening but would like to know if there is anyway I can stop it from
happening.
Click to expand...

I'm pretty sure that's a browser problem and not an ASP.NET problem. That
said, I really recommend that you find a group dedicated to ASP.NET for your
questions. You'll probably get much better answers in such a group.
(Unfortunately, you may have to switch to Web forums instead of newsgroups.)
 
Back
Top