Support » Everything else WordPress » Image map displays rectangles – how do I hide them?

  • 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=”” width=”249″ height=”796″ usemap=”#Map1″ />
    <map name=”Map1″ id=”Map1″>
    <area shape=”rect” coords=”0,0,30,168″ href=”″ />
    <area shape=”rect” coords=”0,171,31,361″ href=”″ />
    <area shape=”rect” coords=”0,360,32,463″ href=”″ />

    Thank you
    M Hetherington

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