why can’t I get all these images to appear on the same line? I’ve tried everything I can think of and nothing works.
<div width="188px" style="animation: scroll 4s linear infinite;overflow:hidden;">
<img src="https://cyber.dabamos.de/88x31/gnu-linux.gif">
<img src="https://cyber.dabamos.de/88x31/vim.vialle.love.anim.gif">
<img src="https://cyber.dabamos.de/88x31/bestviewedcomp.gif">
<img src="https://cyber.dabamos.de/88x31/anythingbut.gif">
<img src="https://cyber.dabamos.de/88x31/transnow2.gif">
<img src="https://cyber.dabamos.de/88x31/bu12.gif">
<img src="https://cyber.dabamos.de/88x31/tyg.gif">
<img src="https://cyber.dabamos.de/88x31/acab.gif">
<img src="https://cyber.dabamos.de/88x31/neo-fedi.gif">
<img src="https://cyber.dabamos.de/88x31/webpassion.gif">
<img src="https://plasticdino.neocities.org/buttons/foreveronline.gif">
<img src="https://plasticdino.neocities.org/buttons/queer.png">
<img src="https://cyber.dabamos.de/88x31/typhrakromer.gif">
</div>
@CrebboElodie You could try adding
display: grid; grid-auto-flow: column;
To the stylee
or if you want a flexbox, then just display: flex;
@Tiwy57 I’ve tried that, the overflow always appears on a new line, despite me setting overflow:hidden;
@terminalgoblin this seems to have worked, thank you!
@CrebboElodie I mean, in the code.
between the ">" and the "<", there must be no space, and no new line.
It's tricky, but it's actually quite simple. It's because there's a space that it goes on the line.
@CrebboElodie put display:inline on each one of the imgs for extra ie1-toaster compatibility