WordPress.org

Ready to get started?Download WordPress

Forums

Image map displays rectangles - how do I hide them? (1 post)

  1. mmhetherington
    Member
    Posted 10 months ago #

    I have an image map that I am displaying on the right of each page. The HTML code for the image map is inserted in a Content Block. The Content Block is inserted in the Main Sidebar using a Widget. I am using the Responsive Theme.

    My problem is that underneath the image itself are a series of rectangles. Clicking on a rectangle under the image performs the same function as clicking an area of the image (i.e. it opens a new page).

    I'm new to image maps, so I have no idea how to hide or remove these areas. Any help would be greatly appreciated.

    My code looks like this:

    <img class="alignnone size-full wp-image-1506" alt="Learning Centre Menu" src="http://website.address.au/wp-content/uploads/2013/06/Library-Menu.png" width="249" height="796" usemap="#Map1" />
    <map name="Map1" id="Map1">
    <area shape="rect" coords="0,0,30,168" href="http://website.address.au/?p=1131" />
    <area shape="rect" coords="0,171,31,361" href="http://website.address.au/?p=1145" />
    <area shape="rect" coords="0,360,32,463" href="http://website.address.au/?p=1176" />
    </map>

    Thank you
    M Hetherington

Reply

You must log in to post.

About this Topic

  • RSS feed for this topic
  • Started 10 months ago by mmhetherington
  • This topic is not resolved
  • WordPress version: 3.5.1