Topic on Talk:Little Witch Academia (2017 series)/Characters

I'm testing putting two images for the same character for this page. This is useful for a number of reasons, like showing a younger character vs them as their older self. In this page, I'm showing a regular character vs her shapeshifted form. Scroll down to the "Atsuko Kagari" section to see what I mean.

I've never seen another character page on ATT do the same, so obviously this is a huge change. As with any other big changes, this requires community consensus. What do you guys think of this layout?

@Coffee Lover@GentlemensDame883@Haggishunter@HeneryVII@Jlaw@Kuma@ThunderKat@Utini501@Labster @Looney Toons @GethN7 @Robkelk @QuestionableSanity @Derivative @SelfCloak

We've done it on RWBY/Characters because of how the look and usual outfit of the main characters have evolved over the years.

When I posted this, a small part of me knew there is some page that I missed...

Looks like we're just listing the images one after another, without any float: right markup over there. I suggest we do this throughout all areas of the wiki instead of wrapping the two images around a div.

May as well be consistent.

I'm just an autopatrolled user, I don't know why I would be needed but okay.

If I had to give an opinion, it's okay. But you should ask admins or bureaucrats.

While we don't usually do this on character pages, we have done it on creator pages when a creator has a very long career, so there's that precedent. I like it.

I've wrapped the two images in a "float" div-pair so that they'll stay together even if a long paragraph would normally split them apart - a bit of planning for the future.

I've noticed on mobile images floated right aren't aligned with other images, which are centred. It's one of the reasons why I chose to list the images instead of floating them to the right and using tabber.

I've never seen the show, so I have to recuse. Sorry.

I guess it looks okay but can't you make the image collapse the image to make her original form the focus and her mouse form as an option?

Before I did this I used tabber with <div> tags so you can choose which image to see, with the default being Akko's regular appearance. You can click to switch over to the mouse appearance. The problem is it causes alignment issues on mobile (the whole thing gets moved to the right instead of being centred). I also tried using the sidebarmenu template, but that cuts a bit of the image off. If anyone has any markup ideas that makes this work well both on PC and mobile, feel free to let me know.

It doesn't matter if people haven't seen the show. I'm only asking for opinions on how this page looks.

Looks fine to me on PC, but I don't come here on mobile, so I can't say about there.