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
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
