Hello, everyone. I recently made a HTML page and I'd like you guys just to point out if I'm using the wrong tecnique for what I want to obtain since I'm a beginner and hence inexperienced. I think there's no need to share a code because I don't need anything specific so I'll explain it in words.
My page is visually split in two parts, left and right. Left side contains thumbnails of 4 images, and once clicked on a thumbnail, in the right part of the page appears a detailed real-size image and a bit of text different for each thumbnail. I made this in my own way so I'm not sure if this is a good way to go or, for example, if it generates too much unnecessary code. So, here's how I did it:
The left side is a simple relative div which contains 4 thumbnails. On the right side, though, there are 4 absolute divs placed one over another in which I put some text and real-size images. To each thumbnail I ascribed a behaviour show-hide element, so basically, when you click the first thumbnail, one absolute div (containing elements relative to the first thumbnail) appears while the other 3 get hidden. I repeated this action for every thumbnail.
So, is this okay or there's another more desired way to do it?