nicht angemeldet
Unschöne Abstände
Ich hab eine Tabelle mit lauter schönen Bildern drin aber trotz cellpadding und cellspacing kommt da ein Abstand zwischen die Zellen.
Hier der Code:
<html>
<head>
<title>Ambiente - Blumen und mehr...</title>
</head>
<style type="text/css">
<!--
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}
img {border:none}
-->
</style>
<base target="main">
<body style="margin: 0px">
<table cellpadding=0 cellspacing=0>
<tr><td><a href="main.html"><img src="images/navi_1.gif" width="196" height="19"></a></td></tr>
<tr><td> <img src="images/navi_2.gif" width="196" height="9"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_3.gif" width="196" height="18"></a></td></tr>
<tr><td> <img src="images/navi_4.gif" width="196" height="11"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_5.gif" width="196" height="18"></a></td></tr>
<tr><td> <img src="images/navi_6.gif" width="196" height="10"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_7.gif" width="196" height="20"></a></td></tr>
<tr><td> <img src="images/navi_8.gif" width="196" height="10"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_9.gif" width="196" height="19"></a></td></tr>
<tr><td> <img src="images/navi_10.gif" width="196" height="11"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_11.gif" width="196" height="18"></a></td></tr>
<tr><td> <img src="images/navi_12.gif" width="196" height="23"> </td></tr>
<tr><td> <img src="images/navi_13.gif" width="196" height="101"> </td></tr>
</table>
</body>
</html>
Sieht vieleicht einer von Euch den Fehler?
-
Hallo Seebap <- Dies ist eine Begrüssung
Ich hab eine Tabelle mit lauter schönen Bildern drin aber trotz cellpadding und cellspacing kommt da ein Abstand zwischen die Zellen.
<table cellpadding=0 cellspacing=0>
<tr><td><a href="main.html"><img src="images/navi_1.gif" width="196" height="19"></a></td></tr>
<tr><td> <img src="images/navi_2.gif" width="196" height="9"> </td></tr>Hm, die x Leerzeichen wzischen dem <td> und dem <img> werden als ein Leerzeichn interpretiert. Eins links vom Rahmen, eins rechts und schon hast du zwei Leerzeichen Abstand zwischen den beiden Bildern. Nimm die Dinger raus, dann sollte es gehen.
MfG
Tom2
-
Stimmt die Leerzeichen waren es.
Danke, ich wär da glaub ich nie draufgekommen.gruß seebap
-
-
Hallo,
ich hab da so einen Verdacht.
Schmeiß doch mal die Leerzeichen in den Zellen raus, wo kein Link ist.
Wars das vielleicht?
Viele Grüße,
Jürgen -
Hi,
ich hätte zwei Sachen anzumerken:
Zunächst solltest du den img-tag das Atribut 'border="0"' spendieren, zum anderen ist da ein Leerschritt bei jeder zweiten Zelle zwischen dem Beginn der Zelle und dem img-tag
--> <td> <img src="images/navi_2.gif"
das kann muß (kann) zu unschönen Effekten führen.Dirk
Ich hab eine Tabelle mit lauter schönen Bildern drin aber trotz cellpadding und cellspacing kommt da ein Abstand zwischen die Zellen.
Hier der Code:
<html>
<head>
<title>Ambiente - Blumen und mehr...</title>
</head>
<style type="text/css">
<!--
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}
img {border:none}
-->
</style>
<base target="main">
<body style="margin: 0px">
<table cellpadding=0 cellspacing=0><tr><td><a href="main.html"><img src="images/navi_1.gif" width="196" height="19"></a></td></tr>
<tr><td> <img src="images/navi_2.gif" width="196" height="9"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_3.gif" width="196" height="18"></a></td></tr>
<tr><td> <img src="images/navi_4.gif" width="196" height="11"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_5.gif" width="196" height="18"></a></td></tr>
<tr><td> <img src="images/navi_6.gif" width="196" height="10"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_7.gif" width="196" height="20"></a></td></tr>
<tr><td> <img src="images/navi_8.gif" width="196" height="10"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_9.gif" width="196" height="19"></a></td></tr>
<tr><td> <img src="images/navi_10.gif" width="196" height="11"> </td></tr>
<tr><td><a href="main.html"><img src="images/navi_11.gif" width="196" height="18"></a></td></tr>
<tr><td> <img src="images/navi_12.gif" width="196" height="23"> </td></tr>
<tr><td> <img src="images/navi_13.gif" width="196" height="101"> </td></tr></table>
</body>
</html>Sieht vieleicht einer von Euch den Fehler?