abstand zwischen grafiken
-
hallo zusammen,
ich bekomme leider nicht hin dass der untere abstand zwischen den grafiken verschwindet
es ist immer ein weisser streifen zu sehen, und die sollen bündigt an einander ligen.
hier der code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> <style type="text/css"> body {border: 0px; margin: 0px; padding:0px; text-align: center;} img.image1 {border: 0px; margin: 0px; padding:0px;} td.td1 {border: 0px; margin: 0px; padding:0px;} table.table1 {border: 0px; margin: 0px; padding:0px; border-collapse:collapse;} </style> </head> <body> <table class="table1"> <tr> <td class="td1"> <img src="bilder/1.jpg" class="image1"> </td> <td class="td1"> <img src="bilder/2.jpg" class="image1"> </td class="td1"> </tr> <tr> <td class="td1"> <img src="bilder/3.jpg" class="image1"> </td> <td class="td1"> <img src="bilder/4.jpg" class="image1"> </td> </tr> </table> </body> </html>
bin für jede hilfe dankbar.
-
Wieso verwendest du da Tabellen? Das ginge mit reinem CSS genau so gut.
Ansonsten:
<table cellspacing="0px" cellpadding="0px" ... >
Könnte weiterhelfen, aber bei Tabellen ist das grundsätzlich so eine Sache ...
-
ich habe bereits cellspacing="0px" cellpadding="0px" ausprobiert, leider ohne erfolg.
-
Sonst hilft es noch alle Leerzeichen und Zeilenumbrüche zu entferne,.
Wenn es dann unlesbar wird (weil alles wird dann in einer Zeile steht), kann man die Leerzeichen auszukommentieren:z.b.:
<table class="table1"><!-- --><tr><!-- --><td class="td1"><!-- --><img src="bilder/1.jpg" class="image1"><!-- --></td><!-- --><td class="td1"><!-- --><img src="bilder/2.jpg" class="image1"><!-- --></td class="td1"><!-- --></tr><!-- [...] Ich weiß jedoch nicht welche von den oberen Kommentare wirklich sinnvoll sind, und welche nicht...
EDITIERT Rechtschreibfehler und das hier
-
ohhhh, hat geholfen.... saber ist es nicht.... aber es funktioniert, wenn sonst keiner 'ne bessere (saubere) lösung hat dann muss ich damit leben.....
vielen dank.
-
keine ahnung schrieb:
wenn sonst keiner 'ne bessere (saubere) lösung hat
Cascading Stylesheets die Zweite
-
keine ahnung schrieb:
wenn sonst keiner 'ne bessere (saubere) lösung hat
Cascading Stylesheets die Dritte
Dies funktioniert ebenfalls:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> </head> <body> <table cellpadding="0" cellspacing="0"> <tr> <td><img src="bilder/1.jpg"></td> <td><img src="bilder/2.jpg"></td> </tr> <tr> <td><img src="bilder/3.jpg"></td> <td><img src="bilder/4.jpg"></td> </tr> </table> </body>
-
ja, so wie es aussieht darf zwischen den <td>'s kein zeilenumbruch sein...
auf jeden fall vielen dank für eure hilfe...