Image Map links offcenter (shifted) when viewing page

  • amswp10

    (@amswp10)


    4 years ago

    I’ve created an Image Map and the links are working fine; however, when viewing the page, all links are shifted slightly to the right and down. When I view in Edits, the links are centered where they should be. Each link is poly shape with multiple coordinates. I cannot find where exactly the disconnect is.

    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    Image maps don’t play well with modern responsive design. Try using this JS library to re-specify maps on the fly based on the browser’s current display scaling:
    https://github.com/davidjbradshaw/image-map-resizer

    Beyond general recommendations like that, we cannot tell you anything more specific without a live link to the page in question.

    japanoholic

    (@japanoholic)

    I have the same issue and I am relieved that I am not the only one cus that means that I did nothing wrong. I guess that some kind of plugin update did this. I have put a lot of work in more than houndred maps and they were all fine so it kinda sucks that they are now broken. And now I have to use code to make them work again? I think I will just delete the plugin and use a normal picture without links when it takes so much effort just to make it work correctly

    makerverde2020

    (@makerverde2020)

    I have had the same problem and decided to take it outside of the wordpress theme and work with svg graphic in external html pages and link them in. One day I’ll learn to convert my contrived and rudimentary programming knowledge to make my html/css/java into the wordpress system.

    On the surface everything looked so simple with using the themes but they are too restrictive and its a long slog to learn how to create your own. If you want to make things work the way you want then I’m thinking this is how you have to do it.

    If you’re interested in the svg approach there is tons of helpful information out there to get you on the way. D3 looks interesting for data-visualisation and cool image mapping but again another few months of tutorials and extended screen time.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Map links offcenter (shifted) when viewing page’ is closed to new replies.

Tags