@PENicholson Judging by the volume of your posts here, it looks like you've skipped over the Weebly knowledgebase for directions on how to use this platform effectively. Check it out here:
https://www.weebly.com/app/help/us/en/sections/content
There is a substantial amount of excellent instructional material here all written for novices. It's well worth the time investment to go over key areas of site/page building in the Weebly platform.
As far as the content element zone indicator goes, no, that doesn't add any space (padding) around your front-end rendered content. Margins and padding in the page content body and page sections are entirely controlled by the theme stylesheet code and that's a concept well beyond novice level. Your post inquiring about the html image map indicates that you don't actually understand the code you're asking about. (And, frankly, an image map isn't a particularly good idea as a navigation tool.) Expert users who understand code (html, css, javascript) aren't really going to be particularly inclined to help users who have no idea of the code they are blindly attempting to use in a Weebly page.
So, I'd suggest you take some time to acclimate yourself with the Weebly knowledgebase, confine yourself to modifying your site's theme attributes via the theme styling panel, and concentrate primarily on your site's content and presentation. Once you have the majority of your site built, more advanced changes (modifications beyond what is available via the page building blocks, theme attributes panel, or Weebly app store) will become somewhat more obvious. At that point, it'll make sense to start posting questions about how to make more advanced updates. Out of the box, Weebly themes are built to produce clean, well-formatted sites. Work within the default parameters first before trying out more advanced concepts. And use the knowledgebase as much as possible.
