3 Bilder nebeneinander anpassen

[c.stege]

Guten Tag,

wenn ich bisher 3 Bilder nebeneinander haben wollte, habe ich diese eingefügt in bestimmten Breiten und diese dann per CSS (z.B. flex) nebeneinander positioniert.

Nun kann ja nicht jeder Nutzer damit umgehen, die meisten wissen nichtmal was die PX sind für Breite etc.
Gibt es einen Befehl, der die Höhe gleich setzt und dann die Bilder nebeneinander irgendwie ?

Ich hoffe dies ist einigermaßen verständlich, vielleicht hat jmd. eine Idee die Einpflege von 3er bzw. 2er Galerien einfach zu gestalten.

Gruß

[mlweb]

Mann kann das CSS so gestalten, dass die Anzahl der Elemente pro Reihe aus dem Backend mit einbezogen wird und dann mit css-grid arbeiten.

Man kann Klassen verwenden und mit flex-Arbeiten. Wenn es bequem sein soll für Redakteure eine Erweiterung einsetzen, bei der die Klassen ausgewählt werden können.

Ich nutze dazu https://extensions.contao.org/?q=kla...-style-manager

[Net Cube]

Ich löse so etwas indem ich ein eigenes Template nutze.

Ich lege mir dafür in Templates mod_article an und benenne es in mod_article_flex um.
in diesen neuen Template vergebe ich dann eine gewünschte Klasse welche ich dann im CSS ansprechen kann und mir mein Flex einrichte.

Nun wähle ich dieses Template bei meinen Artikel aus.

Wenn du nun im Artikel Bilder einfügst werden die Bilder oder auch Texte nebeneinander gelegt.

Alles weitere kannst du nun über CSS mit deiner vergebenen Klasse steuern.