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...


Anmelden zum Antworten