Axel Richter: Tabellen ohen Rand mit netscape / mozilla

Beitrag lesen

Hallo,

Mozilla und Netscape 6.2 stellen bei mir einen Rand zwischen den beiden grafiken dar.

Wie kann ich das ändern?

Ihr könnt euch das Problem unter http://members.tripod.com/moin339/n6.html ansehen. (am ende dieses post ist der code noch ein mal)

Code der HTML datei:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Test</title>
</head>
<body>
<table summary="Test Tabelle" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="rot.gif" height="10" width="20" alt="oben"></td>

<td><img style="display:block;" src="rot.gif" height="10" width="20" alt="oben"></td>

</tr>
  <tr>
    <td><img src="rot.gif" height="10" width="20" alt="unten"></td>

<td><img style="display:block;" src="rot.gif" height="10" width="20" alt="oben"></td>

</tr>
</table>
</body>
</html>

Das inline-Element <img> wird auf der Text-Grundlinie dargestellt. Der Abstand ist der Platz für die Unterschneidungen bei g und q ...
Mach aus dem <img> ein Block-Element, mit <img style="display:block;" ...

Gruß

Axel