Bilder in der Galerei ausrichten

**Philo** · 16.04.2013, 11:03

Ich habe Übersichten die ich mit der Galerie erstellen möchte, aktuelles Beispiel: http://www.starwars-collectorbase.co...eagostini.html

Nun habe ich folgendes Problem, ich hätte gerne, dass alle Bilder mit der Unterkante auf einer Ebene "stehen".
Wenn ich mir die Bildunterschriften ansehe, dann sind die immer direkt unter dem Bild, vielleicht bin ich noch zu sehr auf Tabellen eingstellt, aber gibt es da eine Unterkannte?

Klar, ich könnte es mir einfach machen und alle Bilder gleich hoch machen, das Problem dabei ist, dass ich nie weiß, wie hoch so ein Bild wird und die Übersichten über teilweise über Jahre entstehen. Also mache ich entweder bei Bedarf alle Bilder neu oder ich finde heraus, wie das mit CSS geht.
Aber ich weiß nicht einmal WAS ich ansprechen soll?

Ich dachte zuerst die Bilder müssen angesprochen werden .... kann auch gut sein, dass ich sei mit

Code:

.ce_gallery .uebersicht .image_container img

oder

Code:

.ce_gallery .uebersicht .image_container li

und vertical-align:bottum nicht ansprechen kann?
Jedenfalls tut sich nichts und ich frage mich langsam, ob ich sie generell falsch anspreche oder ob man an eine Galerie ganz anders heran gehen muss?

Es gibt alles mögliche zum Thema Galerie, aber ich habe nichts über das Ausrichten der Bilder innerhalb einer Galerie gefunden.
Für Input wäre ich wie immer dankbar

**derRenner** · 16.04.2013, 20:58

Hallo,

Code:

.ce_gallery li {
float: left;
display: inline-block;
}

float:left; raus und display: inline-block; rein

**Philo** · 17.04.2013, 07:59

Danke.
Ich bin immer wieder fasziniert welche CSS Eigenschaften sich finden, die ich nie eingegeben habe.

Aber wie soll der Befehl "display:inline-block" mein Problem lösen?
Vielleicht habe ich mich zu kompliziert ausgedrückt

Am Ende soll es so ausehen: http://www.starwars-collectorbase.co...guren-set.html
Alle Bilder sollen brav am "Boden" stehen und nicht irgendwo, so wie jetzt: http://www.starwars-collectorbase.co...eagostini.html

Das wäre mein erklärtes Ziel, ich habe aber keine Ahnung, wie ich das hinbekommen soll

**art-instinct** · 17.04.2013, 08:18

Code:

.ce_gallery li { 
display: inline-block;
float: none;
}

Und dann läuft das.

**Philo** · 17.04.2013, 08:24

OH!!!
Danke.

Ja das funkt, aber ist eigentlich nicht das was ich wollte

Hat das Bild eine Unterschrift, dann richtet es sich nach dem der Unterkannte der Schrift und nicht nach dem Bild aus

Jetzt sind alle Bilder zu hoch deren, Unterschrift zweizeilig ist.

Gibt es eine Möglichkeit die Bilder nach der Bilderunterkannte und nicht nach der Unterschrift in eine Linie zu bringen?

**kos** · 17.04.2013, 08:26

Gib der figcaption eine Höhe z.B.

Code:

figcaption {
    height: 20px;
}

**Philo** · 17.04.2013, 08:35

KLAR!!!!

Danke! Ihr seid echt auf zack

Wenn man sich jeden einzelnen Baum ansieht, anstatt vor läuter Bäumen nichts mehr sieht ... kann man alles ansteuern ... wenn man das hinbekommt!

Jetzt funkt die Ansicht so wie ich sie haben möchte.

DANKE an euch!