Bilder floaten (Tetris)

[dissy]

Hallo zusammen

Ich habe schon ein paar Sachen versucht, aber ich bekomms einfach nicht hin.



Links(1) habe ich, wie es momentan ist und rechts (2), wie es sein soll. Also die Bilder sollen eigentich alle "aufeinander gestapelt" werden. Ich habe folgenden Code:

#tetris {
    text-align: center;
}

#tetris img {
    margin:15px;
}

Ich habe schon versucht, um jedes Bild einen div zu machen und den irgendwie zu positionieren. Hat aber auch nicht geklappt.

Bin für jede Art von Hilfe und Tipp dankbar!

mfg
dissy

[etux]

Das Abbild links kann man auch mit „display: inline-block;“, display: inline-table;“ o.Ä. erreichen. Das rechte Abbild dagegen kann ich nicht einordnen. Sieht fast nach „float“ aus, ist es aber nicht. Versuch also etwas genauer zu beschreiben, was Dein Ziel ist.
Ich weiß, dass es eine Erweiterung gibt, die mehrere Bilder nahtlos und nach Geschmack zu einem Bild zusammen fast. Sehr viele individuelle Einstellungen sollen möglich gewesen sein. Vielleicht wäre das was für Dich. Leider fällt mir der Name nicht ein, würde mich aber nicht wundern, wenn sie von just2b stammt (rg_...).
P.S.: Wenn schon dann würde ich die Bilder eher in einer Liste (ul, dl) packen und nicht in „div“-s.

[dissy]

Vielen Dank für deine Meldung!
Also mein Ziel ist folgendes: Ich sollte einfach ein Bild einfügen können, dass sich dann automatisch reiht, ohne dass ich viel machen muss. Dabei sollten bei jedem Bild ca 30px abstand zum nächsten Bild sein.
Das Problem ist, dass es mir (wie im linken Bild) solche "Linien" (horizontal) macht. Das höchste Bild entscheidet, wie hoch die Linie sein soll. Genau das möchte ich aber nicht haben. Ich möchte, dass die Bilder einfach "gestapelt" werden. Sowie beim Tetris, wo ein Block auf den anderen fällt und sich so die Lücken schliessen.

Das ganze ist nicht in einem Typo3, sondern noch normaler HTML Code.

Ich hoffe, dass ist jetzt klarer

[dissy]

Mir ist aufgefallen, dass das Thema noch offen ist. Ich habe es nun gelöst. Die Lösung ist einfach und logisch, aber kompliziert in der Wartung (wenn sich die Bilder dauernd ändern) und aufwändig.

Alle Bilder habe ich absolut positioniert. Wenn sich nun jede Woche 20 Bilder ändern würden, wäre das eine riesen Arbeit! Deshalb bin ich dann auch ganz von diesen Konzept weg :D

mfg
dissy