[mbollman88]

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>

[FerretHolmes]

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

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">