Bilder mit CSS, innerhalb eines Abasatzes, vertikal mittig ausrichten?

Dieses Thema im Forum "Web Page Design" wurde erstellt von xiron, 15.03.2005.

  1. xiron

    xiron Thread Starter unregistriert

    MacUser seit:
    23.11.2003
    Beiträge:
    177
    Zustimmungen:
    0
    Ich schraube derzweit an einer Galerie... nun stoße ich aber auf das problem, dass ich zwar bilder innerhalb eines absatzes horizontal zentrieren kann, nicht aber vertikal... vertical-align bringt nichts?! Vielleicht setze ich es aber auch nur falsch ein? Jemand ne' Idee?

    Hier ist der Code:

    <div style="text-align:center">
    <p style="background-color:#000000; width:300px; height:200px; float:left"><img src="DSC_0001t.jpg"></p>
    <p style="background-color:#CCCCCC; width:300px; height:200px; float:left"><img src="DSC_0002t.jpg"></p>
    </div>

    Hier noch ein Link wie das aussieht...
     
  2. schuppentier

    schuppentier MacUser Mitglied

    MacUser seit:
    06.06.2004
    Beiträge:
    70
    Zustimmungen:
    0

    An dem Problem haben sich schon viele die Zähne ausgebissen, es geht so definitv nicht. Die schlankste Art, es in den Griff zu bekommen geht so:

    1: Höhe A des umgebenden Elements (Absatz, Div etc.) ermitteln/festlegen.
    2: A minus Bildhöhe = B
    3: B geteilt durch 2 = C
    3: Jedes Bild bekommt ein margin-top: C und margin-bottom: C, bei unterschiedlich hohen Bildern hat eben jedes Bild sein eigenes C

    Enjoy!
     
Die Seite wird geladen...

Diese Seite empfehlen