I am in the process of creating an image map, where I specify coordinates on an image that link to other pages. However, I'm encountering an issue where the position of these coordinates is not relative.
When viewing the image on a different browser or screen size, the coordinates do not stay in the same place. A link that was supposed to be at one location on the image may now appear elsewhere.
Is there a way to ensure that the coordinates' positions adjust dynamically based on changes in browser size or image dimensions? If anyone has code snippet for achieving this, it would be greatly appreciated.
I attempted using percentage values like COORDSCALE "50%,50%", but it seems that this is not a valid attribute for the Area tag. Even trying COORDSCALE="ABSOLUTE|RELATIVE" did not work as expected.
Before anything else, I would like to confirm if these are the correct attributes to use. Is there any method for achieving relative positioning? Any help with CSS or JavaScript code in this regard would be fantastic.