help with aligning images
so I have this pop-up in which there is the background that represents the shelve,
then there are individual "books" which take you to different pages
I want them all to be clicked differently
I want them to be responsive
I want them to stay inside the popup, not get bigger
what would be the best way to do so?
8 Replies
I could combine them all into 1 png but then I dont know how they would be clicked different
share your code. We've got #how-to-ask-good-questions with tips on how to do so more effectively
you can use placeholder images using https://picsum.photos
the thing is my code is noodle
https://codepen.io/murathan-ayanolu/pen/wvOVQvv
you have to click the 3rd shelf to access that pop-u
in this we'd have to align these boxes
If you combine, maybe you can use map and area https://developer.mozilla.org/en-US/docs/Web/HTML/Element/area https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map
MDN Web Docs
: The Image Map Area element - HTML: HyperText Markup Language | MDN
The HTML element defines an area inside an image map that has predefined clickable areas. An image map allows geometric areas on an image to be associated with hypertext links.
MDN Web Docs
: The Image Map element - HTML: HyperText Markup Language | MDN
The HTML element is used with elements to define an image map (a clickable link area).
Thank you, I will check them
If its okay for you I've sent a friend request incase I have some trouble I can dm you ( you don't have to accepr / you can remove me afterwards)
People are obviously free to friend each other, but just in general it's best to keep your questions on the server, simply because then others can look as well. More opinions are better.