[TYPO3-german] CE "Nur Bilder" - Abstände

[bernd wilke]

Am 01.12.14 07:31, schrieb Peter Kühnlein:
> Guten Morgen Liste,
>
> ich habe ein Problem, das ich eigentlich als "Anfänger-Problem" sehe,
> aber ich stehe gerade im Wald - auch Suchen im Web hat nicht geholfen.
>
> Ich habe eine Site, mit CSC gestyled. Auf einer der Seiten habe ich ein
> CE "Nur Bilder", in dem drei Bilder nebeneinander landen sollen. Eines
> ganz links, eines ganz rechts, das dritte in der Mitte, jeweils mit
> einer caption darunter. Ganz einfach: float nach links, float nach
> rechts, und beim mittleren die seitlichen margins auf auto - denkt man.
> Aber CSC funkt rein und setzt jede Menge wraps und starre Abstände. Die
> würde ich gerne los. Noch dazu, weil gleich als nächstes ein CE mit vier
> Bildern mit Captions kommen soll, bei dem ebenfalls gleiche (aber eben
> nicht starre) Abstände nötig sind.
>
> Kann mich jemand in die richtige Richtung schubsen?

mir ist jetzt nicht ganz klar was du haben willst. also liege ich mit 
dem folgenden evtl. ganz verkehrt:


links, mitte,rechts:
das wäre evtl. machbar wenn du drei einzelne CEs nimmst um die 
seitlichen Bilder in je einem CE vom Typ: Text+Bild anzubringen (Text 
umfließt Bild!)
und das letzte Element nutzt um das letzte Bild zentriert (über Text) 
ausgibst

aber gleiche Abstände zwischen den Bildern? vermutlich nicht, weil die 
drei Elemente nicht wirklich viel voneinander wissen. Floatende Elemente 
sind inbestimmter Hinsicht sehr durchsichtig für margins und paddings 
anderer Elemente.

noch Komplizierter wird es bei vier Elementen. ich denek mal dass 
floaten hier nur seltenst zu gleichen Abständen führen kann.

Prinzipiell würde ich wohl eher mit gridelements arbeiten um n gleich 
breite Container zu bekommen, die du beliebig füllen kannst.
and auch eher nicht mit align-left, align-center, align-right.
eher schon mit gleichen Breiten und manuell konfigurierbaren Abständen 
zwischen den neuen Spalten.
oder aber JS, dass die Abstände dann dynamisch zwischen den Bildern 
setzt, dass dann auf dem std-HTML für mehrere Bilder aufsetzt.

bernd
-- 
http://www.pi-phi.de/cheatsheet.html