Jump to content

MTD

Member
  • Posts

    7
  • Joined

  • Last visited

MTD's Achievements

  1. Works like a charm! Thanks a million for all your assistance!
  2. Thanks for the help. The original came from image-map.net. Not sure why they are off but I redid the image map again using the image-map.net website. Here is the result: <img src="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631389ece3bb8d181406fac6/1662224879647/SA+Map+Background.png" usemap="#image-map"> <map name="image-map"> <area target="" alt="Train Depot" title="Train Depot" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382f99bf3e53d3dc2d6f3/1662223098308/Train+Depot.JPG" coords="139,239,216,316" shape="rect"> <area target="" alt="Santa Rosa" title="Santa Rosa" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382d4563f5e2b328ba35d/1662223061574/Santa+Rosa.JPG" coords="417,242,501,325" shape="rect"> <area target="" alt="St. Mary's" title="St. Mary's" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382e7c6eb82111a63cbd5/1662223080140/St.+Mary%27s+.JPG" coords="768,294,856,377" shape="rect"> <area target="" alt="Alamo Plaza" title="Alamo Plaza" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382616bfb513f9048792f/1662222947127/Alamo+Plaza.JPG" coords="946,297,1035,372" shape="rect"> <area target="" alt="Market Square" title="Market Square" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/63138293a9a17d3dc0338d85/1662222996856/Market+Square.JPG" coords="403,357,492,430" shape="rect"> <area target="" alt="Iron Bridge" title="Iron Bridge" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6313827fbe442a69e8908ff5/1662222976491/Iron+Bridge.JPG" coords="891,386,981,468" shape="rect"> <area target="" alt="Navarro School" title="Navarro School" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382a6c6eb82111a63bf56/1662223016248/Navaro+School.JPG" coords="233,581,319,659" shape="rect"> <area target="" alt="Wasp's Nest" title="Wasp's Nest" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6313830c9bfffb06c8e2fedf/1662223117500/Wasp%27s+Nest.JPG" coords="370,627,451,706" shape="rect"> <area target="" alt="San Pedro Creek" title="San Pedro Creek" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382be9bfffb06c8e2fab7/1662223038791/San+Pedro+Creek.JPG" coords="310,823,394,909" shape="rect"> <area target="" alt="Wesley House" title="Wesley House" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6313831f8f71a31aacfdf313/1662223135993/Wesley+House.JPG" coords="367,954,449,1039" shape="rect"> </map>
  3. Creedon, I seem to have the same issue only I don't understand how to get the coordinates for the svg so that I can use your code pasted above. Here is my image map code. <img src="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631389ece3bb8d181406fac6/1662224879647/SA+Map+Background.png" usemap="#image-map"> <map name="image-map"> <area target="_top" alt="Train Depot" title="Train Depot" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382f99bf3e53d3dc2d6f3/1662223098308/Train+Depot.JPG" coords="220,313,133,238" shape="rect"> <area target="_top" alt="Santa Rosa" title="Santa Rosa" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382d4563f5e2b328ba35d/1662223061574/Santa+Rosa.JPG" coords="412,245,498,319" shape="rect"> <area target="_top" alt="St. Mary's" title="St. Mary's" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382e7c6eb82111a63cbd5/1662223080140/St.+Mary%27s+.JPG" coords="851,376,779,297" shape="rect"> <area target="_top" alt="Alamo Plaza" title="Alamo Plaza" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382616bfb513f9048792f/1662222947127/Alamo+Plaza.JPG" coords="1035,375,955,297" shape="rect"> <area target="_top" alt="Market Square" title="Market Square" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/63138293a9a17d3dc0338d85/1662222996856/Market+Square.JPG" coords="408,355,489,430" shape="rect"> <area target="_top" alt="Iron Bridge" title="Iron Bridge" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6313827fbe442a69e8908ff5/1662222976491/Iron+Bridge.JPG" coords="895,388,979,464" shape="rect"> <area target="_top" alt="Navarro School" title="Navarro School" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382a6c6eb82111a63bf56/1662223016248/Navaro+School.JPG" coords="233,582,319,661" shape="rect"> <area target="_top" alt="Wasp's Nest" title="Wasp's Nest" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6313830c9bfffb06c8e2fedf/1662223117500/Wasp%27s+Nest.JPG" coords="364,628,449,703" shape="rect"> <area target="_top" alt="San Pedro Creek" title="San Pedro Creek" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/631382be9bfffb06c8e2fab7/1662223038791/San+Pedro+Creek.JPG" coords="316,829,391,904" shape="rect"> <area target="_top" alt="Wesley House" title="Wesley House" href="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6313831f8f71a31aacfdf313/1662223135993/Wesley+House.JPG" coords="368,959,448,1034" shape="rect"> </map> Here is the website where I am trying to place the code. https://aldapdobbs.squarespace.com/sa-map-2 Any assistance is greatly appreciated! Would love to understand how to convert these coordinates so that I can do it next time.
  4. That did it!! Thanks very much for the help!
  5. Thanks for the response and sorry for the delay. Below is what what I put in the markup for the BUY NOW button. <div style="text-align:center; padding:0;"> <a href="#/" data-featherlight="#Buy-Now" class="sqs-block-button-element--large sqs-block-button-element" style="background-color:#2d0657; color:#DFF006; padding:15px 15px;">BUY NOW</a> </div> <div style="display:none;"> <div id="Buy-Now" style="text-align:center;"> <a href="https://www.amazon.com/Barefoot-Dreams-Petra-Luna-Dobbs/dp/1728234654/ref=sr_1_1?dchild=1&keywords=alda%20dobbs&qid=1610924434&sr=8-1" alt="Amazon" /> <img src="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6007a62bbd9c8047856a56db/1611114027357/Amazon.jpg" alt="Amazon" /><a href="https://www.indiebound.org/book/9781728234656" alt="Indie Bound" /> <img src="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6007a63654406f6c97d60e85/1611114038530/Indie.jpg" alt="Indie Bound" /> <a href="https://www.barnesandnoble.com/w/barefoot-dreams-of-petra-luna-alda-dobbs/1138076393?ean=9781728234656" alt="Barnes & Noble" /> <img src="https://static1.squarespace.com/static/5eb716e0863bca1e3322510f/t/6007a6317801e54fa0c4f647/1611114033602/B%26N.jpg" alt="Barnes&Noble" /> </div> </div>
  6. Site URL: https://www.aldapdobbs.com/barefoot-dreams-of-petra-luna Hello, I created a "BUY NOW" Button that opens in a shadowbox where an image provides three choices of where to buy from. The button works great, but my issue is that somehow it is causing one of the link choices to "migrate" to all of the elements below the button. Below the button there are several Text boxes and they are now all hyperlinked to the "Barnes and Noble" page that the button links to. I have tried moving these to new page sections, but I can't get the link off of the text boxes. Any help would be appreciated.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.