MTD
Member-
Posts
7 -
Joined
-
Last visited
MTD's Achievements
-
creedon reacted to a post in a topic: Add Multiple Links on Top of Image
-
Works like a charm! Thanks a million for all your assistance!
-
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>
-
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.
-
That did it!! Thanks very much for the help!
-
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>
-
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.