MudGuard: Bild und Text innerhalb eines Links vernünftig ausrichten

Beitrag lesen

Hi,

Ich möchte jedoch, dass der Text vertikal mittig mit dem Bild ausgerichtet wird. Ich habe bereits im CSS "vertical-align" auf das den Link umgebende <div> angewendet, funktioniert aber trotzdem nicht. Ich würde für dieses Problem ungern eine Tabelle einsetzen.

Kann auch nicht funktionieren, da vertical-align für block-Elemente nicht zutrifft:
'vertical-align'
    Value:   baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
    Initial:   baseline
    Applies to:   inline-level and 'table-cell' elements

also nur für inline-Elemente und Tabellenzellen.

Ein Bild ist ein (replaced) inline-Element.

Was Du willst, ist, das _Bild_ nicht auf der Basislinie (Initialwert für vertical-align, s.o.) ausrichten, sondern vertikal mittig.
Wende also vertical-align auf das Bild an.

cu,
Andreas

--
MudGuard? Siehe http://www.mud-guard.de/