Image Map Help - NEWBIE, Coded Image Map but links are not working |
Image Map Help - NEWBIE, Coded Image Map but links are not working |
The Arc |
Feb 15 2024, 03:14 PM
Post
#1
|
Group: Members Posts: 3 Joined: 15-February 24 Member No.: 29,130 |
Hi Everyone,
I know some coding but HTML isn't my best. I update and create webpages for a non-profit. We want a map that is linked to multiple different websites and I was able to use image-map.net to code out the photo with the links at the correct coordinates but when I input the code the links are not working and whenever you scroll over the photo it is as if the links are not even there. Can anyone help with this? Website is www.arcofappalachia.org/app-front Coding: <img src="https://images.squarespace-cdn.com/content/v1/640b875d14fa1852d6031793/1c7bde0c-661e-457f-aea5-e09aecdaa3db/Appalachian+Front.jpg?format=2500w" usemap="#image-map"> <map name="#image-map"> <area target="_blank" alt="Ross County" title="" href="https://rosscountyparkdistrict.com/" coords="3747,648,4261,521" shape="rect"> <area target="_blank" alt="ODNR" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/great-seal-state-park" coords="4284,706,4973,774" shape="rect"> <area target="_blank" alt="NPS" title="" href="https://www.nps.gov/hocu/learn/historyculture/mound-city-group.htm" coords="3555,723,4120,853" shape="rect"> <area target="_blank" alt="NPS" title="" href="https://www.nps.gov/hocu/learn/historyculture/hopeton-earthworks.htm" coords="4176,796,4809,881" shape="rect"> <area target="_blank" alt="NPS" title="" href="https://www.nps.gov/hocu/learn/historyculture/hopewell-mound-group.htm" coords="3137,858,3866,949" shape="rect"> <area target="_blank" alt="" title="" href="https://www.adenamansion.com/" coords="3945,869,4504,954" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/junction-earthworks" coords="4030,1067,4673,1140" shape="rect"> <area target="_blank" alt="" title="" href="https://rosscountyparkdistrict.com/" coords="3386,1073,3888,1157" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/spruce-hill" coords="3651,1197,4329,1282" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/scioto-trail-state-park" coords="4193,1411,4899,1502" shape="rect"> <area target="_blank" alt="" title="" href="https://www.nps.gov/hocu/learn/historyculture/seip-earthworks.htm" coords="3352,1366,3770,1451" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/highlands-nature-sanctuary" coords="2894,1485,3758,1626" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/pike-lake-state-park" coords="3341,1728,3934,1801" shape="rect"> <area target="_blank" alt="" title="" href="http://www.greenfieldhistoricalsociety.org/" coords="2081,886,2883,977" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/paint-creek-state-park" coords="2211,1236,2883,1310" shape="rect"> <area target="_blank" alt="" title="" href="https://hchistoricalsociety.square.site/" coords="1612,1519,2126,1609" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/rocky-fork-state-park" coords="1714,1626,2369,1688" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/miller-nature-sanctuary-state-nature-preserve" coords="2578,1558,2838,1643" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/fort-hill" coords="2550,1891,2866,1982" shape="rect"> <area target="_blank" alt="" title="" href="https://www.ohiohistory.org/visit/browse-historical-sites/serpent-mound/" coords="2194,2275,2708,2383" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/samson-obrist-woods" coords="3979,2529,4662,2625" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/ohio-hanging-rock" coords="4775,3230,5379,3314" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/gladys-riley" coords="3397,3038,3860,3134" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/tremper-mound" coords="3945,3269,4442,3371" shape="rect"> <area target="_blank" alt="" title="" href="https://somacc.com/" coords="4080,3546,5272,3642" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/shawnee-state-park" coords="3408,3484,4024,3557" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/raven-rock-state-nature-preserve" coords="3606,3568,4013,3647" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/rock-run" coords="3098,4054,3459,4155" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/ohio-river-bluffs" coords="1528,3738,2059,3811" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/whipple-state-nature-preserve" coords="2155,3602,2465,3704" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/chaparral-prairie-state-nature-preserve" coords="1674,3077,2245,3173" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/johnson-woods-state-nature-preserve" coords="2397,3009,2906,3083" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/shoemaker-state-nature-preserve" coords="2945,2575,3307,2659" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/davis-memorial-state-nature-preserve" coords="2900,2693,3397,2772" shape="rect"> <area target="_blank" alt="" title="" href="https://ohiodnr.gov/go-and-do/plan-a-visit/find-a-property/adams-lake-state-park" coords="1674,3196,2352,3263" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/chalet-nivale" coords="2544,2433,2973,2524" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/plum-run" coords="2313,2642,2872,2727" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/quiverheart-gorge" coords="2194,2778,2770,2857" shape="rect"> <area target="_blank" alt="" title="" href="https://www.arcofappalachia.org/kamama-prairie" coords="2725,2891,3261,2981" shape="rect"> <area target="_blank" alt="" title="" href="https://www.nature.org/en-us/get-involved/how-to-help/places-we-protect/edge-of-appalachia-cedar-falls-trail/" coords="2753,3167,3171,3241" shape="rect"> <area target="_blank" alt="" title="" href="https://www.nature.org/en-us/get-involved/how-to-help/places-we-protect/edge-of-appalachia-the-wilderness-trail/" coords="2753,3297,3154,3399" shape="rect"> <area target="_blank" alt="" title="" href="https://www.nature.org/en-us/get-involved/how-to-help/places-we-protect/edge-of-appalachia-buzzardroost-rock-trail/" coords="2064,3399,2618,3461" shape="rect"> <area target="_blank" alt="" title="" href="https://www.nature.org/en-us/get-involved/how-to-help/places-we-protect/edge-of-appalachia-lynx-prairie-trail/" coords="2714,3455,3120,3534" shape="rect"> <area target="_blank" alt="" title="" href="https://www.nature.org/en-us/get-involved/how-to-help/places-we-protect/joan-jones-portman-trail-and-dr-george-rieveschl-jr-creeks-bend-overlook/" coords="2200,3506,2584,3580" shape="rect"> <area target="_blank" alt="" title="" href="https://visitchillicotheohio.com/what-to-do/" coords="4815,954,5645,1327" shape="rect"> </map> |
Lo-Fi Version | Time is now: 25th September 2024 - 08:30 PM |