Hallo zusammen,
ich habe ein Problem bei der Gestaltung meiner Tabelle.
Und zwar soll in einer der Zellen ein Bild sein. Und nur das.
Es soll sowohl vertikal als auch horizontal in der Zelle zentriert werden (so wie der Text in den anderen Zellen auch).
CSS-Datei:
Der Text wird auch schön zentriert, nur das Bild klebt unter dem oberen Rand der Zelle und mag da nicht wegkommen.
Muss ich dafür noch etwas anderes definieren?
Ich habe es auch schon mit
versucht, was leider auch nichts gebracht hat.
Jemand eine Idee?
[edit]
Direkt in den IMG tag
oder
hineinzuschreiben hat auch nichts gebracht.
Übrigens:
hat ebenfalls keinen Effekt.
Und bevor die Frage kommt: Das Bild ist exakt quadratisch (20x20) und die Zelle hat laut Chrome die Ausmaße 24x40. Das Bild klebt mittig (immerhin!) oben unterm Balken mit einem kleinen Abstand von 2px.
ich habe ein Problem bei der Gestaltung meiner Tabelle.
Und zwar soll in einer der Zellen ein Bild sein. Und nur das.
Es soll sowohl vertikal als auch horizontal in der Zelle zentriert werden (so wie der Text in den anderen Zellen auch).
CSS-Datei:
Code:
td { text-align: center; vertical-align: middle; }
Muss ich dafür noch etwas anderes definieren?
Ich habe es auch schon mit
Code:
td img{ text-align: center; vertical-align: middle; }
Jemand eine Idee?
[edit]
Direkt in den IMG tag
Code:
style='vertical-align:middle'
Code:
style='vertical-align:middle; display:table-cell;'
Übrigens:
Code:
vertical-align:bottom
Und bevor die Frage kommt: Das Bild ist exakt quadratisch (20x20) und die Zelle hat laut Chrome die Ausmaße 24x40. Das Bild klebt mittig (immerhin!) oben unterm Balken mit einem kleinen Abstand von 2px.
Kommentar