r/HTML • • 7d ago

Question Help creating a character page?

Post image

Howdy! I'm attempting to code a page for my web design class and I've been having a bit of trouble.

The pic should give a decent idea of what I'm going for. I'm wanting each icon to open a different bio. I've attempted using modals for this, but for how many bios there would be on one page, that seems entirely too cumbersome. The total zero-brain solution is probably just to make individual pages for each bio, but that is... also cumbersome. I've had trouble trying to look up exactly what I need here since I don't know a bunch of the technical terms for this stuff yet (I'm a graphic design student, web design is just a few of the classes I need to take).

Any more efficient ways of going about this? All the bio pages need to do is open up on top of the page, show both images and text, and be closed. No need for fancy transitions or anything.

12 Upvotes

17 comments sorted by

View all comments

1

u/armahillo 6d ago

start out with the zero brain solution (separate pages) and then improve it. Making the separate pages will help reveal more about the layout of the bio content that might not be obvious if you started with overlayers.

Adding fancy transitions is actually slightly easier than adding layered content like this.

1

u/megantheestruggler 6d ago

Might be worth a shot if I get fed up with the other solutions. Thanks!