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

Diskutiere mit über: Bilder mit CSS, innerhalb eines Abasatzes, vertikal mittig ausrichten? im Web Page Design Forum

  1. xiron

    xiron Thread Starter unregistriert

    Beiträge:
    177
    Zustimmungen:
    0
    Registriert seit:
    23.11.2003
    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

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

    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...
Ähnliche Themen - Bilder CSS innerhalb Forum Datum
CSS Bild ausrichten Web Page Design 10.12.2009
[CSS: ]Bilder skalieren Web Page Design 09.07.2006
CSS Bilder-Mosaik Web Page Design 03.03.2006
Bilder mit CSS untereinander anzeigen? Web Page Design 24.02.2006
bilder in css-code umwandeln? Web Page Design 22.11.2005

Diese Seite empfehlen

Benutzerdefinierte Suche