1 Replies - 484 Views - Last Post: 04 February 2013 - 11:54 AM

#1 mbollman88  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 24-March 07

image map hotspots and links

Posted 02 February 2013 - 07:06 PM

When I click on an area of the image map linked as a hotspot, I have to click twice. Here is my code for the image map and for the targets:

<map name="kansasdistricts" id="kansasdistricts">
<area shape="poly" coords="18,10,457,16,424,54,372,56,372,99,447,100,452,203,411,205,411,188,370,189,325,184,326,220,267,221,270,289,6,282"
href="dist1.htm" target="_self" />
<area shape="poly" coords="466,14,427,57,375,59,375,99,457,99,456,252,489,252,487,291,551,285,547,126,513,126,491,102,522,99,531,81,510,52,527,25"
href="dist2.htm" target="_self" />
<area shape="poly" coords="535,83,525,106,501,105,519,127,546,123,546,90"
href="dist3.htm" target="_self" />
<area shape="poly" coords="276,291,273,224,330,223,328,187,408,194,408,209,454,207,454,258,486,256,484,293"
href="dist4.htm" target="_self" />
</map>
<nav>
<ul>
<li><a href="dist1.htm" </a></li>
<li><a href="dist2.htm" </a></li>
<li><a href="dist3.htm" </a></li>
<li><a href="dist4.htm" </a></li>
</ul>

</nav>

Is This A Good Question/Topic? 0
  • +

Replies To: image map hotspots and links

#2 FerretHolmes  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 41
  • View blog
  • Posts: 165
  • Joined: 12-November 12

Re: image map hotspots and links

Posted 04 February 2013 - 11:54 AM

I really have no idea why you have to click twice. Your syntax for image maps seems to be correct, but I am confused with your list. An ul is not required for the image map and you never close out the opening <a> tag in any of the list elements. I don't think it is what's causing your problem but it's at least a start.

Sorry for double posts, I actually do not know how to edit my reply :wacko:

I meant to add that I assume you have referenced an image element with your map called "kansasdistricts"

<img src="kansas.jpg" alt="" usemap="#kansasdistricts">



Was This Post Helpful? 0
  • +
  • -

Page 1 of 1