nicht angemeldet
Tabellenzeile mit Grafik immer höher als 1 Pixel?
Hallo!
Ich habe folgendes Problem: XHTML und CSS um. Unter Mozilla stellt sich folgendes Problem. Ich habe eine Tabellenzelle, die exakt 1 Pixel hoch ist. Sie wird auch in dieser Größe angezeigt.
Sobald ich jedoch ein <img> in die Zelle einsetze, das ebenfalls 1 Pixel hoch ist, wird vor der Grafik ein kleiner Abstand eingebaut (ca. 5 Pixel). Wie bekomme ich disen Abstand weg.
Hier der Queltext zu meinem Problem:
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<style type="text/css">
table {
padding:0px;
margin:0px;
border-spacing:0px;
border-collapse:collapse;
border:none;
}
td {
text-align:left;
vertical-align:top;
padding:0px;
}
p {
margin:0px;
padding:0px;
line-height:0;
}
img {
border:none;
}
</style>
<body class="rot">
<table style="background-color:red">
<tr>
<td style="height:1px">
<p><img src="x.gif" width="400" height="1" alt="" /></p>
</td>
</tr>
</table>
</body>
</html>
-
Hallo,
http://www.dodabo.de/html+css/img-table/
Zusätzlich zu der auf dieser Seite beschriebenen Vorgehensweise hilft auch ein Rumspielen an der line-height der Tabellenzelle.
Aber all das hättest Du aus dem Archiv schneller erfahren können... ;-)Viele Grüße
Carsten -
Hallo
display:block; in das CSS vom Image rein,
line-height:0px; in den TDLG
Aqua -
Hallo,
sag mal, liest Du überhaupt die Antworten auf Deine Fragen? Ich habe gerade gesehen, daß Du einen halben Tag vorher dieselbe Frage schon einmal gestellt hast ([pref:t=62088&m=350580]) und dort auch hilfreiche Antworten bekommen hast, bevor Du hier die neue Frage gestellt hast. Mit so etwas machst Du Dir hier keine Freunde...
Viele Grüße
Carsten