Schrift vertical ausrichten

[blackfreeze]

Hi,

ich habe in einer TD ein Bild (hoch 19px) und Schrift (hoch 10 px), wenn ich
in dem TD sage VALIGN="top" oder "middle" verändert sich nix, die schrift ist und bleibt am Boden getackert und das Bild ist ganz oben????

in meiner Signatur findet ihr den Link, gleich auf der ersten Seite unter E-Mail.

[rewboss]

Weil, wenn du nichts anders angibst, sich die Unterkante des Bildes an die Unterkante der Zeile ausgerichtet wird.

Sprich: Obwohl der Text nur 10px groß ist, ist die Zeile wegen des Bildes 19px groß. Sowie Text als auch Bild werden unten ausgerichtet in der Zeile, wobei die Zeile selbst in der Tabellenzelle zentral ausgerichtet wird.

Altmodische HTML-Lösung: dem <img>-Tag align="middle" hinzufügen.

Neumodische CSS-Lösung: img { vertical-align: middle }

[blackfreeze]

wenn du nichts anders angibst

wie meinst du das, könnte doch der zeile auch sagen HEIGHT="19px", damit hat er was zum rechnen, oder?

[rewboss]

Die Zeile ist 19px hoch, wegen der Bilddatei. Du musst dem Browser beibringen, die Mitte des Bildes und die Mitte des Textes auf einer Höhe innerhalb der Zeile zu setzen. Das geht mit <img align="middle"> oder img{vertical-align:middle;}