Bild und Text vertical ausrichten

[Christian Eyrich]

Hallo Leute,

wahrscheinlich recht einfach, aber ich probiere hier jetzt schon so lange rum und schaffe es einfach nicht.

Es gilt, eine Anzahl Bilder anzuordnen, links ein Bild, rechts der Text, neue Zeile, links der Text, rechts ein Bild.
Ich kriegs einfach nicht hin, den Text neben dem Bild vertikal mittig zum Bild auszurichten.

<div style="width:400px; margin:auto;">
  <img src="bild.jpg" height="208" width="182">
  <-- Text
</div>

Ich habe alle möglichen Tags schon mit vertical-align:middle; zu formatieren versucht, hab sie mit divs umfasst usw.

Ja ich weiß, Tabelle geht. Will ich aber vermeiden, bzw. kann mir nicht vorstellen, daß es ohne wirklich so schwer sein soll.

Grüße,
Christian

[herbalizer]

Hallo Leute,

wahrscheinlich recht einfach, aber ich probiere hier jetzt schon so lange rum und schaffe es einfach nicht.

Es gilt, eine Anzahl Bilder anzuordnen, links ein Bild, rechts der Text, neue Zeile, links der Text, rechts ein Bild.
Ich kriegs einfach nicht hin, den Text neben dem Bild vertikal mittig zum Bild auszurichten.

<div style="width:400px; margin:auto;">
  <img src="bild.jpg" height="208" width="182">
  <-- Text
</div>

<div style="width:400px; margin:auto;">
<img alt="" src="" style="width: 200px; height: 400px; vertical-align: middle;"/>
Text
</div>

Sollte eigentlich funktionieren.

[Kai Lahmann]

hi

<div style="width:400px; margin:auto;">
<img alt="" src="" style="width: 200px; height: 400px; vertical-align: middle;"/>
Text
</div>

tut's aber nicht. vertical-align für inline-Blöcke bewirkt nur, dass das Bild in der Mitte des Textes steht.

Grüße aus Bleckede

Kai

[herbalizer]

hi

<div style="width:400px; margin:auto;">
<img alt="" src="" style="width: 200px; height: 400px; vertical-align: middle;"/>
Text
</div>

tut's aber nicht. vertical-align für inline-Blöcke bewirkt nur, dass das Bild in der Mitte des Textes steht.

soll es ja auch, wenn ich nix falsch interpretiert habe:

+---------+
                |         |
eine Zeile Text |  Bild   | eine Zeile Text
                |         |
                +---------+

Gruß Herbalizer

[Christian Eyrich]

hi

tut's aber nicht. vertical-align für inline-Blöcke bewirkt nur, dass das Bild in der Mitte des Textes steht.

soll es ja auch, wenn ich nix falsch interpretiert habe:

+---------+
                |         |
eine Zeile Text |  Bild   | eine Zeile Text
                |         |
                +---------+

Jep, es tut!
Ich habe absolut kein Ahnung wieso nicht vorher (zumindest dachte ich, das auch schon probiert zu haben), aber wegen mir.

Danke Herbalizer!

Gruß,
Christian