Image with multiple hyperlinks at different parts of the image

Highlighted
New Contributor
Hi, I would like to have an image in edm or landing page which has multiple hyperlinks at different parts of the image. Is this possible and are there any tools I can use?
Reply
0 Upvotes
3 Replies 3
Regular Advisor

Hey @Ltkhaw,

 

It's not a best practice, but I think you need to make an <a> link at an absolute position.  Keep in mind this will probably break on responsive screens:

<div style="position:relative">
 <img src="" width="??" height="??" />
 <a href="#" style="display:block; width:247px; height:66px; position:absolute; left: 48px; top: 275px;"></a>
</div>

 

 

New Contributor
Thanks!
Reply
0 Upvotes
Top Advisor | Gold Partner

Image maps are very common, there are a lot of tools out there that help you build them without coding. Here's one for example https://www.image-map.net/