Liebe Freunde,
ich bekomme es nicht hin, darum mein Notruf hier. Eine ganz einfache Tabelle mit zwei Zeilen und zwei Spalten soll vier 100x100 Pixel große Bilder bekommen. Im Browser sollen alle Zellenabstände nicht zu sehen sein, die Ausgabe also 200x200 Pixel groß sein. Ist sie aber nicht. Die Breite passt, zwischen beiden <tr>'s sind 5 Pixel Abstand. Weiß jemand, wo die herkommen und wie ich sie loswerde?
DANKE für jede Antwort!!!! FRANK
Hier der Code:
<html>
<head>
<meta charset="utf-8">
<title>Tabellentestseite</title>
<style type="text/css">
body { background-color:#FFFFCC; margin-left:600px; }
table { margin: 0px; padding: 0px; height: auto; }
.container { margin: 0px; padding: 0px; height: 200px; width: 200px; background-color: #AAAAAA; }
</style>
</head>
<body>
<div class="container">
<table width="200" height="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" height="100"><img src="pics/little/100x100.jpg" width="100" height="100"></td>
<td width="100" height="100"><img src="pics/little/100x100.jpg" width="100" height="100"></td>
</tr>
<tr>
<td width="100" height="100"><img src="pics/little/100x100.jpg" width="100" height="100"></td>
<td width="100" height="100"> </td>
</tr>
</table>
</div>
</body>
</html>
Und hier ein Sreenshot des Problems (mit nur drei gleichfarbigen Bildern): www.lingovision.de/ausgabe.jpg