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