• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Vertikal mittige Bilder

D

dako314

New member
Hallo zusammen,

ich habe einige Bilder, die ich nebeneinander darstellen möchte über "float: left".
Die, vielleicht 20 Bilder sind jeweils in einem Div und dieser Div ist nochmal in einem Div.

Die Bilder haben unterschiedliche Höhen, aber gleiche Breiten, wodurch ich sie mittig platzieren kann.

Wie kann ich die Bilder nun auch noch vertikal zentrieren, so dass sie alle auf der gleichen Höhe sind?

Hier der Code für ein Bild:

HTML: 
<div class="ce_image">
<div class="image_container">
<img class="foobar"></img>
</div>
</div>

Vielen Dank für eure Hilfe
Gruß
 
Wenn du sie vertikal zentrierst sind sie ja ggf. nicht auf gleicher Höhe da sie unterschiedlich hoch sein könnten. Da würde ich vertical-align probieren.
Wenn sie hingegen alle obenbündig sein sollen würde ich sie mit top ausrichten.
Ist aber nur ein Versuch, ich bin kein Layout-Spezi!
 
Vielen Dank, es hat mit "vertical-align: middle" gut funktioniert. Jedoch musste ich den Div über dem Bild als "display: inline" definieren.
Gruß
 
Ein Blockelement in ein Inlineelement umzuwandeln ist schlechter Stil.
Hast Du Dir mal den Tipp mit dem line-height näher angeschaut?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben