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

xiron

unregistriert
Thread Starter
Dabei seit
23.11.2003
Beiträge
179
Reaktionspunkte
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...
 
xiron schrieb:
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?


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!
 
Zurück
Oben Unten