Bilder unter einem Text bündig mit einem größerem Bild

[ChrisB]

Hi,

So sieht es jetzt aus

Sollte vielleicht noch erwähnen, das es gewünscht ist, das die großen Bilder in jeder Reihe die Seiten tauschen sollen.

Also in dem Chaos kann ich jetzt nicht zweifelsfrei erkennen, wie es nun eigentlich letztendlich *gewollt* aussehen soll.

Wie Positioniere ich jetzt die Elemente am besten?

Wenn die „kleinen Bilder“, die unten bündig platziert werden sollen, immer die gleichen Maße haben - dann böte es sich an, sie absolut am jeweiligen Container auszurichten. Damit sie den Text nicht überlagern, bekäme dieser (bzw. dessen [letztes] Element) noch ein entsprechendes padding-bottom; und damit sie das große Bild nicht überlagern, der Container auch noch eine Mindestbreite.

Sollte vielleicht noch erwähnen, das es gewünscht ist, das die großen Bilder in jeder Reihe die Seiten tauschen sollen.

Dazu könntest du, statt den Bildern selbst eine Klasse zu verpassen, die entsprechende Klasse* ebenfalls dem Containerelement geben - und die Ausrichtung der Bilder dann über den Nachfahrenselektor regeln.

* Eine Klasse müsste es natürlich auch nicht unbedingt sein, in modernen Browsern täten es auch die nth-child-Selektoren. Aber derzeit erreicht man mit einer Klasse noch breitere Kompabilität zu aktuell verbreiteten Browsern.

MfG ChrisB