Jonathan Harker: Vertikale Ausrichtung in Tabellenzeilen

Beitrag lesen

Hallo Gerd,

Die Idee mit figcaption ist in meinem Falle nicht machbar, da der Text zu dem Bild rechts vom Bild stehen soll (der Text kann auch mehrzeilig sein bis zur Höhe des Bildes oder länger als die Bildhöhe)

Hast Du das ausprobiert? Das Beispiel stellt die beiden Kindelemente mit display:table-cell nebeneinander dar.

Es soll aber auf entsprechend großen Medien 3-spaltig sein (Aufgabenstellung).

Dann änder' bei entsprechender Breite den Wert für figure img auf 33% und für figcaption auf 67%.

Noch einfacher wäre ein div mit 3 Kindelementen img, p und form, die mit nebeneinander positioniert werden.

div { display: grid; grid-template-columns: repeat(3, 1fr); }

Bis bald!

Jonathan

-- "Es gibt Besserwisser, die niemals begreifen, dass man recht haben kann und trotzdem ein Idiot ist."