Benutzerdefinierte Suche

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

  1. xiron

    xiron Thread Starterunregistriert

    Mitglied seit:
    23.11.2003
    Beiträge:
    176
    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...
     
    xiron, 15.03.2005
  2. schuppentier

    schuppentierMacUser Mitglied

    Mitglied 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!
     
    schuppentier, 15.03.2005
Die Seite wird geladen...
Ähnliche Themen - Bilder CSS innerhalb
  1. tucholdi
    Antworten:
    3
    Aufrufe:
    1.441
    pferdle
    10.12.2009
  2. maceis
    Antworten:
    7
    Aufrufe:
    6.254
    ThaHammer
    15.07.2006
  3. orgonaut
    Antworten:
    0
    Aufrufe:
    1.345
    orgonaut
    03.03.2006
  4. orgonaut
    Antworten:
    4
    Aufrufe:
    9.350
  5. milchschnitte
    Antworten:
    11
    Aufrufe:
    5.517
    milchschnitte
    22.11.2005