• 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=”https://website.address.au/wp-content/uploads/2013/06/Library-Menu.png&#8221; width=”249″ height=”796″ usemap=”#Map1″ />
    <map name=”Map1″ id=”Map1″>
    <area shape=”rect” coords=”0,0,30,168″ href=”https://website.address.au/?p=1131&#8243; />
    <area shape=”rect” coords=”0,171,31,361″ href=”https://website.address.au/?p=1145&#8243; />
    <area shape=”rect” coords=”0,360,32,463″ href=”https://website.address.au/?p=1176&#8243; />
    </map>

    Thank you
    M Hetherington

  • The topic ‘Image map displays rectangles – how do I hide them?’ is closed to new replies.