Jump to content

LilyRuby

Member
  • Posts

    1
  • Joined

  • Last visited

LilyRuby's Achievements

Level 2

Level 2 (2/20)

0

Reputation

  1. Site URL: https://lilyrubycreative.squarespace.com/ Hey, I am an absolute beginner and I am trying to create an Image Map on one of my pages so that when a user hovers over/clicks on a part of an image, they can see that item closer up. I have used https://www.image-map.net/ to try and get the right coding, but it says Syntax Error On Line 1 . Here is the code I have so far, perhaps someone can help me find the mistake? <!-- Image Map Generated by http://www.image-map.net/ --> <img src="pop up food stall .png" usemap="#image-map"> <map name="image-map"> <area target="_parent" alt="Chips" title="Chips" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7d3be8fd43071e655e8e6/1621611456129/Chips+Wrapper+FInal.png" coords="1342,2366,159" shape="circle"> <area target="_parent" alt="Menu (small)" title="Menu (small)" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7ce77343ab059068ba398/1621610105661/Finsihed+Menu.+png.png" coords="1694,2299,2357,2531" shape="rect"> <area target="_parent" alt="Menu (big)" title="Menu (big)" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7ce77343ab059068ba398/1621610105661/Finsihed+Menu.+png.png" coords="542,2417,8,830" shape="rect"> <area target="_parent" alt="Brochure 1" title="Brochure 1" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7d38baa94945b3ab8b321/1621611406955/Brochure+laid+out.png" coords="1918,1428,2015,1599" shape="rect"> <area target="_parent" alt="Brochure 2" title="Brochure 2" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7d38baa94945b3ab8b321/1621611406955/Brochure+laid+out.png" coords="3054,1567,2964,1445" shape="rect"> </map> Thanks so much for any help!
×
×
  • 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.