Ergebnis 1 bis 8 von 8
  1. #1
    dako314 ist offline Jungspund
    registriert
    08-03-2013
    Beiträge
    15

    Exclamation Vertikal mittige Bilder

    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-Code:
    <div class="ce_image">
    <div class="image_container">
    <img class="foobar"></img>
    </div>
    </div>
    Vielen Dank für eure Hilfe
    Gruß

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.755

    AW: Vertikal mittige Bilder

    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!

  3. #3
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Vertikal mittige Bilder

    Nun kennen wir Dein CSS nicht, aber beschäftige Dich mal mit line-height.

  4. #4
    dako314 ist offline Jungspund
    registriert
    08-03-2013
    Beiträge
    15

    AW: Vertikal mittige Bilder

    Vielen Dank, es hat mit "vertical-align: middle" gut funktioniert. Jedoch musste ich den Div über dem Bild als "display: inline" definieren.
    Gruß

  5. #5
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Vertikal mittige Bilder

    Ein Blockelement in ein Inlineelement umzuwandeln ist schlechter Stil.
    Hast Du Dir mal den Tipp mit dem line-height näher angeschaut?

  6. #6
    dako314 ist offline Jungspund
    registriert
    08-03-2013
    Beiträge
    15

    AW: Vertikal mittige Bilder

    Ja, aber was kann ich denn durch "line-height" genau verändern?
    Gruß und Danke

  7. #7
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.755

    AW: Vertikal mittige Bilder

    Zitat Zitat von dako314 Beitrag anzeigen
    Ja, aber was kann ich denn durch "line-height" genau verändern?
    Die Höhe der Zeile/des Abschnitts innerhalb derer/dessen das Element dann ausgerichtet werden kann.

  8. #8
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

Ähnliche Themen

  1. Horizontal+Vertikal
    Von blaupunkt im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 27-10-2011, 23:40
  2. Vertikal zentrieren
    Von schrepfer im Forum CSS und (X)HTML
    Antworten: 5
    Letzter Beitrag: 08-04-2008, 18:53
  3. Antworten: 0
    Letzter Beitrag: 08-03-2007, 15:31
  4. hintergrundbild nur vertikal
    Von hupfer im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 10-10-2001, 20:57
  5. Vertikal-scroller
    Von vitus im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 14-05-2001, 22:19

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •