Links on picture like Pinterest

Design help General
#1

Hello all,
can someone help me how to generate links on images that stay exactly on the position of the image even with responsive design? See photo

Thank you very much.
Many Greetings

Bildschirmfoto 2022-09-16 um 13.31.48
Bildschirmfoto 2022-09-16 um 13.31.48964×1110 56 KB

#2

Hi Foxx, welcome to the forum.

This should help. Click the top right button to view the demo in the designer and you’ll be able to see the specific settings I used to create the responsive annotations.

EDIT: updated link, with more detail

#3

Thank you very much. But unfortunately it does not work. Is there any other trick?

#4

What are you referring to?
The element positioning demo is pretty good I think, based on current CSS techniques of an absolute element within a relative element. Rather interesting. However I’ve only tested on Chrome.

image

If you’re struggling with the coding you can message me with your site link and details on what you’re trying to accomplish, and I could do a small coding project for you.
Alternatively you might use a 3rd party toolset- this one looks interesting;

#5

https://preview.webflow.com/preview/filis-ultra-awesome-site-4db77a88ba0363?utm_medium=preview_link&utm_source=dashboard&utm_content=filis-ultra-awesome-site-4db77a88ba0363&preview=302077c523146e074d9ec4d8dc095860&workflow=preview

it would be great if you could help me with this example. Thank you in advance.

#6
#7

OMG it works. Thank you sooo much! :smiling_face:

1 Like
#8

Guys from where did you get these Pinterest pictures? Thanks in advance.

#9

Hey Roci, not sure what you’re asking actually.