Conversation

[Yaseenist]🌸✨Elodie✨🌸🌈blobcat_googly_party🏳️‍⚧️🌱

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>

#html #WebDevelopment #NeoCities

3
0
0

@CrebboElodie You could try adding

display: grid; grid-auto-flow: column;

To the stylee
or if you want a flexbox, then just display: flex;

1
0
2

@CrebboElodie try to remove every space between each tag image.

1
0
0

[Yaseenist]🌸✨Elodie✨🌸🌈blobcat_googly_party🏳️‍⚧️🌱

@Tiwy57 I’ve tried that, the overflow always appears on a new line, despite me setting overflow:hidden;

1
0
0

[Yaseenist]🌸✨Elodie✨🌸🌈blobcat_googly_party🏳️‍⚧️🌱

@terminalgoblin this seems to have worked, thank you!

1
0
1

@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.

1
0
0

[Yaseenist]🌸✨Elodie✨🌸🌈blobcat_googly_party🏳️‍⚧️🌱

@Tiwy57 I know. I tried it with nothing between the tags; no spaces, line-breaks or anything, like <img><img>, and it didn’t work.

this seems to have worked though

0
0
0

@CrebboElodie put display:inline on each one of the imgs for extra ie1-toaster compatibility

0
0
1