Bild in einer Tabellenzelle zentriert
PuBär
- html
Hallo zusammen,
obwohl sicher schon oft behandelt, ich komme nicht auf die Lösung:
Wie kann ich in einer einzelnen Tabellenzelle ein Bild horizontal und vertikal ausrichten. Als Hintergrundbild wüsste ich die Lösung. Ich möchte aber mit dem img-Tag arbeiten.
Vielen Dank schon mal!
Hi,
obwohl sicher schon oft behandelt, ich komme nicht auf die Lösung:
Wie kann ich in einer einzelnen Tabellenzelle ein Bild horizontal und vertikal ausrichten.
http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm
MfG ChrisB
Hallo,
soetwas ähnliches hatte ich schon. Vertikal funktioniert's. Aber nicht die horizontale Ausrichtung in der Mitte:
<td><img src="../logos/bild.jpg" alt="" style="text-align:center; vertical-align:middle"></td>
Hast Du nochmal einen Tipp Chris?
Hi,
»» obwohl sicher schon oft behandelt, ich komme nicht auf die Lösung:
»» Wie kann ich in einer einzelnen Tabellenzelle ein Bild horizontal und vertikal ausrichten.http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm
MfG ChrisB
Hi,
bitte vernünftig zitieren!
soetwas ähnliches hatte ich schon. Vertikal funktioniert's. Aber nicht die horizontale Ausrichtung in der Mitte:
<td><img src="../logos/bild.jpg" alt="" style="text-align:center; vertical-align:middle"></td>
Hast Du nochmal einen Tipp Chris?
Ja, aufmerksamer Lesen.
SELFHTML zu text-align:
"Sie können [....] in anderen Block-Elementen enthaltenen Fließtext oder Inline-Elemente ausrichten."
Das Bild ist das inline-Element, dass du ausrichten willst.
Und die Tabellenzelle ist das Element, *in* *dem* du ausrichten willst.
Also, welches von beiden bekommt jetzt wohl das text-align verpasst ...?
(Das vertical-align ist an der Stelle, wo du es gesetzt hast, ebenso untauglich. Das du trotzdem das gewünschte siehst, liegt daran, dass "middle" eh schon der Default für Tabellenzellen ist.)
MfG ChrisB
Hallo Chris,
super, jetzt funktioniert's:
<td style="text-align:center; vertical-align:middle"><img src="../logos/bild.jpg" alt=""></td>
Vielen Dank!