Home/ Questions/Q 6812601
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T20:28:06+00:00

I feel noob asking this question but it seems that I cant find the

  • 0

I feel noob asking this question but it seems that I cant find the perfect answer.

I have a map and I’m trying to set few pins on it. The map is a static image and the pins are background images of a div. To set the pins on my desire location, I set its position to absolute and move the pins accordingly (top,left). Now if the window resizes, its obvious that the pins won’t stay on the map.

If I use % for top and left, the pins move with the map but the location of the pins are too specific. Something like 56px, 896px etc. so percentage isn’t helping.

Is there any other way I can do this? I wouldn’t mind using jQuery but if there is a way with CSS im more than happy.

Here is an example: http://jsfiddle.net/RKyGV/2/show/ Try to resize the window.

Thanks alot

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Set position: relative on your map; place the pins as child elements of your map with position: absolute. Now their coordinates are relative to the map.

    • 0