nicht angemeldet
Tabellen ohen Rand mit netscape / mozilla
Moin!
Wie schaffe ich es eine Tabelle ohne rand und zwischenräume zu erstellen? Die Tabelle besteht aus zwei zeilen mit jeweils einer spalte. In beiden Zellen ist die gleiche Grafik eingebunden (20x10 Pixel). Man sollte ein Quadrat sehen wenn man die website aufruft. Leider funktioniert das aber nur beim IE und bei Opera. 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>
</tr>
<tr>
<td><img src="rot.gif" height="10" width="20" alt="unten"></td>
</tr>
</table>
</body>
</html>
-
Hallo.
so:
<table summary="Test Tabelle" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="rot.gif" height="10" width="20" alt="oben"></td>
</tr>
<tr>
<td><img src="rot.gif" height="10" width="20" alt="unten"></td>
</tr>
</table>Gruß
-
<table summary="Test Tabelle" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="rot.gif" height="10" width="20" alt="oben"></td>
</tr>
<tr>
<td><img src="rot.gif" height="10" width="20" alt="unten"></td>
</tr>
</table>funktioniert leider auch nicht :-(
-
Also bei mir gehts im Mozilla.
Wenn nicht, versuchs mal mit Transitional HTML und nicht mit der strict - DTD. Kann mir zwar kaum vorstellen dass es daran liegt aber wer weiss.
Und schau mal wie die bilder aussehen, vielleicht ist der Rand in den Bildern drin?
-
-
-
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
-
Danke, funktioniert wunderbar!
-