Zum Inhalt springen

Bildspalten mit gleicher Höhe ohne Flattersatz

Erstellt am 5. Dezember 2017 · 7 Antworten · letzte Antwort am 21. Dezember 2017

Tags: Inhaltselemente, Bilder, TYPO3 8, Frage

Molly ·

Mit TYPO3 Version 6 war es möglich eine Bild-Inhalselement mit unterschiedlichen Bildgrößen über mehrere Zeilen hinweg perfekt in die Contentspalte einzupassen. Im Erscheinungsbild festgelegt habe ich die Spaltenanzahl, die Bildhöhe, die Gesamtbreite der Contentspalte und die Abstände. (siehe Screenshot typo3-bildspalten)
Die Breite und Höhe der Bilder wird pro Zeile so gerendert, dass es ohne Beschnitt immer einheitlich ist.

Mit TYPO3 Version 8 klappt das nur in einer Zeile (Screenshot typo3-bildspalten-version8)
Hier sind zwei Inhaltselement verwendet, das erste mit vier Bildern, das zweite mit vielen Bilder, rechnet nicht mehr die genaue Passform in den einzelen Zeilen sondern erscheint im Flattersatz.
Hat jemand eine Idee wo ich ansetzten kann?

Teisinger ·

Bild upload hier funktioniert nicht (hat es das jemals oO)...

Es ist bei sowas immer gut, wenn du uns mehr Infos gibst: z. B. Fluid oder CSC?

Und am besten: wenn du n link für uns hast auf die Page auf der irgendwas nicht geht. 🙂

Teisinger ·

Mein erster gedanke ist: das es bei TYPO3 6 so aussieht ist Zufall - der auf der Reihenfolge der Auswahl der Bilder begründet ist.

Denn dein TYPO3 8 Beispiel zeigt eigentlich genau das erwartete Verhalten. Denn wenn du eine Höhe fest legst, streckt Typo3 die Bilder natürlich auch nicht, würde auch ziemlich ... aussehen.

Um sowas hin zu bekommen (auch Responsive) brauchst du mehr oder weniger zwangsmäßig JavaScript. Guck dir mal zum Beispiel mansory.js an.

Oder du Speicherst die Bilder entsprechend in den gleichen Dimensionen ab (zum Beispiel auch mit withespace) ist aber nicht zu empfehlen!

Teisinger ·

Das kann nicht sein, da TYPO3 standardmäßig die Bilder ausgibt nach der Reihenfolge wie sie im BE hinterlegt sind. Außerdem weiß TYPO3 überhaupt nicht, wie groß oder klein die Anzeigefläche ist. Geschweige den die Abstände dazwischen. (Wäre mir zumindest ziemlich neu)
Wie du siehst ist das Layout auch nicht so 100% responsive... 🙂
Vielleicht täusche ich mich auch gerade deswegen, weil ich immer in "full"-responsive denke und es da nur selten feste Größen gibt - die ja dann abhängig vom Anzeigegerät sind und die TYPO3 im vorhinein ja nicht wissen kann...
Hmm... grübel...
Muss ich direkt bei Gelegenheit auch mal ausprobieren... 😃 Interessant.
(vielleicht mach ich auch seit Jahren was falsch... 🙂 )

Molly ·

Nein so wirklich responsive ist es nicht.
Die Anzeigefläche kann man TYPo3 bekannt im Konstanten-Editor bekannt geben (Max Images Width), und die Abstände (Advanced Column / Row space). Tut man es nicht werden default Werte gesetzt. Insofern weiß TYPO3 schon über die Ausmaße Bescheid.

Teisinger ·

ja über Theoretische, TYPO3 weiß aber nicht ob sich dein ContentElement in einem z. B. Aside befindet und in echt nur die Hälfte Platz hat...
Von daher kann oder sollte man das nicht TYPO3 überlassen - würde ich sagen.