@derricksrandomviewshello! your instructions on how to make an image map are straight forward, but I've tried this method a few times, and my images continues to appear broken.
Do you have any ideas as to why this is?
I've uploaded it in the CSS code (didn't save it there), placed the code for the image location into the html from the image map generator that you shared, and nothing. I've even checked the code that you shared and my code is very much the same.
Here is my code, with the updated img source. I've included a few screenshots as well to help explain what I'm doing.
Image map generated code:
<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="https://images.squarespace-cdn.com/content/v1/5bc4c807809d8e7efb41be79/1625158339157-OBJ5TD7XX7BIARJ6UHSI/080ca9253bc4e73ebe38e3584ae35f0d.jpg" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="Second Chance" title="Second Chance" href="https://antelope-sepia-g3mg.squarespace.com/config/pages/5bc4e66ce4966bc550299451" coords="53,328,15,310" shape="rect">
<area target="_blank" alt="U.S. Green Building Council" title="U.S. Green Building Council" href="https://antelope-sepia-g3mg.squarespace.com/config/pages/5bc4e5dd104c7b0a877344ec" coords="70,85,110,103" shape="rect">
<area target="_blank" alt="Websites" title="Websites" href="https://antelope-sepia-g3mg.squarespace.com/config/pages" coords="" shape="rect">
</map>
Image source URL:
https://images.squarespace-cdn.com/content/v1/5bc4c807809d8e7efb41be79/1625158339157-OBJ5TD7XX7BIARJ6UHSI/080ca9253bc4e73ebe38e3584ae35f0d.jpg
In the attached images, I share my CSS panel, and the test page I'm trying this out on in editing mode. I'm trying this on my website (version 7.0), but want to implement it on a client's site (version 7.1). On both versions, I couldn't get it to display properly.
Would appreciate any insight as to what I may be doing wrong. Thanks!