Bild ganz am unteren Ende einer Tabellenzelle ausrichten

[Dartrax]

Hallo!
Ich habe ein Bild in einer Tabellenzelle und dieses mit <td  valign="bottom"> unten ausgerichtet. Trotzdem wird dieses 5 Pixel über dem unteren inneren Rand schwebend angezeigt (beim IE, Opera macht es richtig). Cellpadding und -spacing hab ich schon = 0, aber an der Tabelle kann's eigendlich nicht liegen, denn wenn ich die Tabellenzelle markiere reicht die Markierung auch bis auf den unteren Rand hinab. Wie kann man das beheben (Außer die Tabellenhöhe auf die Bildhöhe zu erzwingen)?

Vielen Dank,

Dartrax

[Patrick Schröder]

Hallo Dartrax!

Du hast die Zelle in der Zeile unter dem Bild geschlossen, richtig?

also so...
<td>
  <img src=....>
</td>

Um Die Pixel zu entfernen, mach es so:
<td><img src=....></td>

Danach ist der kleine Platz weg.

Gruß Patrick

[Dartrax]

Tausend Dank, so funktioniert's!

Kannst du (oder jm. anders) mir vielleicht erklären, warum das so ist? Ich dachte immer es ist egal wie der Text im Editor angeordnet ist, wenn ich da Zeilenumbrüche mache werden die ja auf der Site auch nicht angezeigt!

Dartrax

[Sascha]

Hallo

Kannst du (oder jm. anders) mir vielleicht erklären, warum das so ist?

nein, bei td ist das nicht so, weil der browser alles innerhalb von <td> und </td> umzusetzen versucht, eben auch leerzeilen!

Grüße Sascha

[Thomas Luethi]

Hallo,

Kannst du (oder jm. anders) mir vielleicht erklären, warum das so ist? Ich dachte immer es ist egal wie der Text im Editor angeordnet ist, wenn ich da Zeilenumbrüche mache werden die ja auf der Site auch nicht angezeigt!

Im Prinzip schon.
Beliebig viele Leerzeichen und Zeilenumbrueche im HTML-Quelltext
(sogenannte "White Space" Zeichen) werden bei der Anzeige
zu einem einzigen Leerzeichen zusammgengefasst.
(Ausnahme: Zwischen <pre> und </pre> ist es anders.)

Das Beispiel:

<td>
  <img src="..." alt="...">
</td>

oder auch

<td>
<img src="..." alt="...">
</td>

ist also gleichbedeutend mit

<td> <img src="..." alt="..."> </td>

sprich: vor und nach dem Bild hat es noch ein Leerzeichen.

Wenn dieses links und rechts vom Bild keinen Platz haben,
(z.B. weil Du vorgeschrieben hast, dass die Zelle
genauso breit sein soll wie das Bild), dann rutschen
die Leerzeichen "ueber" und "unter" das Bild.

Und weil das Leerzeichen als Text gilt, wird die Zelle
so hoch, dass eine Zeile Text darin Platz haette.

Siehe auch: http://www.tiptom.ch/homepage/faq.html?q=tdimg

Gruesse,

Thomas