Say we have a map of a section of the city which the user can resize in the browser. Resizing the map image just makes the image bigger or smaller -- it does not change the image content (i.e. does not include a wider area of the city or zoom in to a smaller area).

And we want stick a pin at a certain intersection, overlaying either an image on that spot, or a div on that spot with a pushpin background image.

When the city map resizes, is it possible for the pin to remain at that intersection without the developer having to recalculate the pin position? Can it be done with relative positioning?

Also, can we make the push-pin image size proportional to the size of the map, the bigger the map, the bigger the pushpin, the smaller the map, the smaller the pushpin, without the developer having to recalculate the pushpin image size?

So it behaves just like this: https://www.dropbox.com/s/35vbek9zkq3ypuz/SistineChapelMap.png?m

Edited by mrblint

4 Years
Discussion Span
Last Post by LastMitch

overlay push-pin on resizable map without recalc of pin pos on map resize?

Is it possible that you can post your CSS code?

A image of the error would be help.

I don't like to click links.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.