Title: Image Map
Last modified: August 21, 2016

---

# Image Map

 *  Resolved [Lydia](https://wordpress.org/support/users/lydialm/)
 * (@lydialm)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/image-map-4/)
 * Hello!
 * I recently set up my first WordPress blog (www.planetlydia.com), and I have a
   graphic that I’d like to use in my sidebar to link to my pages. I’ve been trying
   to make it into an image map, but I couldn’t get it to work. I finally realized
   it was probably due to my theme being responsive, so I installed a plugin called“
   Responsive Image Maps”. The image is now appearing with all the proper links,
   but I’m having a strange issue with the links . . .
 * When I click on the box that should lead to my page, it does pull up the link
   for that page. However, somehow the original link doesn’t get cleared out, so
   the second link builds on top of it. For example: I start at “www.planetlydia.
   com” and click on the graphic for my archives page, and the url becomes “www.
   planetlydia.com/www.planetlydia.com/archives/, which of course leads to a 404
   Not Found. I hope that makes sense . . . you can visit my blog and see for yourself.
   Just click on a page, and try to navigate to a new page.
 * I don’t think it’s an issue with WordPress or the plugin, because I tried pasting
   the code into an old blogspot blog and had the same issue. It must be the code,
   and I feel like I must be missing something super simple. The code for the image
   map is listed below:
 * ‘<img src=”[http://planetlydia.com/wp-content/uploads/2014/02/PL_Pages.jpg&#8221](http://planetlydia.com/wp-content/uploads/2014/02/PL_Pages.jpg&#8221);
   usemap=”#mo10958″ width=”300″ height=”520″ alt=”click map” border=”0″ />
    <map
   id=”mo10958″ name=”mo10958″> <area shape=”rect” alt=”About” coords=”1,395,299,432″
   href=”www.planetlydia.com/about/” target=”_self” /> <area shape=”rect” alt=”Archives”
   coords=”1,434,299,474″ href=”www.planetlydia.com/archives/” target=”_self” />
   <area shape=”rect” alt=”Etc.” coords=”1,476,299,512″ href=”www.planetlydia.com/
   etc/” target=”_self” /> <area shape=”rect” alt=”Home” coords=”1,1,298,394″ href
   =”www.planetlydia.com” target=”_self” /> <area shape=”default” nohref alt=”” /
   > </map>’

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Cibulka](https://wordpress.org/support/users/cibulka/)
 * (@cibulka)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/image-map-4/#post-4589867)
 * Hi Lydia,
 * just replace “www.” to “[http://&#8221](http://&#8221); in your HREFs. 🙂
 * Also, you can remove `target="_self"` as it refers to `<iframes>` that you do
   not use.
 * Live well!
 *  Thread Starter [Lydia](https://wordpress.org/support/users/lydialm/)
 * (@lydialm)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/image-map-4/#post-4589904)
 * Replace or add it to www? I’m busy today, but I will try it as soon as I can 
   and let you know if things work out. Thanks for the reply!
 *  [Cibulka](https://wordpress.org/support/users/cibulka/)
 * (@cibulka)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/image-map-4/#post-4589924)
 * It doesn’t matter. URL just has to start with “[http://&#8221](http://&#8221);.
 *  Thread Starter [Lydia](https://wordpress.org/support/users/lydialm/)
 * (@lydialm)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/image-map-4/#post-4589930)
 * Everything is working! Thanks so much.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Image Map’ is closed to new replies.

## Tags

 * [html code](https://wordpress.org/support/topic-tag/html-code/)
 * [image map](https://wordpress.org/support/topic-tag/image-map/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * In: [Hacks](https://wordpress.org/support/forum/plugins-and-hacks/hacks/)
 * 4 replies
 * 2 participants
 * Last reply from: [Lydia](https://wordpress.org/support/users/lydialm/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/image-map-4/#post-4589930)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics