Hey guys,

so I'm writing a web application where the user can add labels onto an image, placing them somewhere to represent a place on the image (e.g. a label on a building blueprint) and I'm trying to figure out the best way to do this?

So far I've got the image loaded in as the background of a div, so I'm ready to start adding the content, but I need a way of "remembering" the position of the label, some kind of invisible grid with anchor points or the like?

I suppose Absolute positioning of the labels is the way to go, but they need to be fully moveable across the div without intefering with eachother and I need to be able to save the position of each label so to bring up the finished image/div at a later point.

Any ideas? I'm pretty lost on this..

Thanks in advance!