<TD> Höhe falsch bei image in Nachbarzelle
gl03
- html
Folgendes haarstreubendes Problem tritt am IE 6 Windows auf sowie am Firefox, sobald ich strict xhtml als doctype angebe:
Ich moechte einfach einen Table mit einem Image bauen, sowie einer Tablezelle daneben, die die gleiche Hoehe wie das Bild hat. Leider wird die Tablezelle immer einige Pixel hoeher dargestellt.
Hier mein Quelltext (w3c validiert):
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body style="background-color: #555555">
<table style="height:49px;">
<tr>
<td style="height:49px; width:49px; padding:0px; margin:0px;">
<img src="./test49.gif" alt="img" />
</td>
<td style="height:49px; width:216px; background-color: #CCCCCC; padding:0px; margin:0px;">
</td>
</tr>
</table>
</body>
</html>
Bitte um Hilfe!
gl03./
Hier noch das Beispiel online:
http://xdv.org/gl03/test/test.html
Hallo!
Die Lösung deines Problems sind die hspace- bzw. vspace Attribute des img-tags, mit denen der Platz neben bzw. über und unter einem Bild angegeben wird!
Gruß Richard
hmm, danke, aber w3schools sagt dazu folgendes:
"The "align", "border", "hspace", and "vspace" attributes of the image element are not supported in XHTML 1.0 Strict DTD."
gruss,
gl03./
Hallo!
Die Lösung deines Problems sind die hspace- bzw. vspace Attribute des img-tags, mit denen der Platz neben bzw. über und unter einem Bild angegeben wird!
Gruß Richard
"The "align", "border", "hspace", and "vspace" attributes of the image element are not supported in XHTML 1.0 Strict DTD."
Dann versuchs mit padding in der Zelle!
Gruß Richard
welches padding, welche zelle?! beide zellen sind auf "padding:0px; margin:0px;" gesetzt!!
lg, g./
"The "align", "border", "hspace", and "vspace" attributes of the image element are not supported in XHTML 1.0 Strict DTD."
Dann versuchs mit padding in der Zelle!
Gruß Richard
Hallo gl03
... Leider wird die Tablezelle immer einige Pixel hoeher dargestellt.
Das img ist ein Inlineelement, welches auf der Grundlinie der Schrift
ausgerichtet wird. Die Schrift kann aber Unterlängen haben (j,p,q,y).
Du kannst dem Bild im CSS entweder geeignetes vertical-align geben, oder
einen Wert für display, der es von seinem Inlinedasein erlöst.
Auf Wiederlesen
Detlef
genial, danke!!
Das img ist ein Inlineelement, welches auf der Grundlinie der Schrift
ausgerichtet wird. Die Schrift kann aber Unterlängen haben (j,p,q,y).