Image map in page working incorrectly

  • syrtismajor

    (@syrtismajor)


    14 years, 4 months ago

    I’ve inserted an image map into my page content (with the admin editor) but for some reason the links aren’t working at all. In fact, the area at the very top of image, w/out hotspots, links back to the home page of the blog for some reason (not in the code). I’ve double checked my code in the editor field and none of the tags have been stripped out (I have the visual editor turned off). In fact, when I check the page’s source code, the map and all its code shows up correctly. I’ve tried loading the page in Chrome, Firefox, and IE w/ the same results. It goes w/out saying that the code works perfectly in a local html file.

    Page is here:
    http://douglasbenjamin.com/testserver/the-books

    The imagemap in question is the gray-green box on the right side a little ways down in the content that says “Purchase Throne of the Crescent Moon.” I’m at a complete loss and am just taking a shot in the dark here. Anyone have a clue what might be causing this? Thanks for any insight.

    For what it’s worth my image map code is below. I’m doing some funky position w/ CSS but I stripped that out and the problem persisted.

    <map name="Map" id="Map"><area shape="rect" coords="12,194,238,235" href="http://www.amazon.com/Throne-Crescent-Moon-Kingdoms/dp/0756407117/ref=ntt_at_ep_dpt_1" target="_blank" alt="Buy Throne of the Crescent Moon on Amazon.com" />
<area shape="rect" coords="11,242,234,288" href="http://www.barnesandnoble.com/c/saladin-ahmed" target="_blank" alt="Buy Throne of the Crescent Moon at Barnes & Noble" />
<area shape="rect" coords="10,296,230,339" href="http://www.indiebound.org/book/9780756407117" target="_blank" alt="Buy Throne of the Crescent Moon at Indiebound.org" />
<area shape="rect" coords="10,344,230,393" href="http://www.powells.com/s?author=Saladin%20Ahmed" target="_blank" alt="Buy Throne of the Crescent Moon at Powell's Books" />
</map>

<div style="position: absolute; width: 251px; top: 736px; right: 0px; z-index: 200;"><img src="http://douglasbenjamin.com/testserver/wp-content/themes/saladin/images/buybox_bookpage.jpg" alt="Purchase Throne of the Crescent Moon" width="251" height="405" border="0" usemap="#Map" /></div>

The topic ‘Image map in page working incorrectly’ is closed to new replies.