HTMLテーブルの画像が正しく整列していないのはなぜですか？

Question

私は現在、電子メールの署名を作成しています。単純な4つの画像は、2x2の正方形で区切られていますtable。

私が現在直面している問題は、現時点ではtdの間隔を取り除くことができないということです。

<style> 
 
d, tr, img { padding: 0px; margin: 0px; border: none; display: block; } 
 
table { border-collapse: collapse; }  
 
    
 
</style> 
 

 
<table cellpadding="0" cellspacing="0" border="0"> 
 
    <tr> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/NDz2UL.png" ></img> 
 
     </td> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/BMSIqd.png"></img> 
 
     </td> 
 
    </tr> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/VcOrDE.png" ></img> 
 
     </td> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/DlwKjq.png"></img> 
 
     </td> 
 
    </tr> 
 
</table>

誰も私が間違っているつもりだところを教え、または右方向に私を指すことができますか？とても有難い！

Answer 1

あなたの画像はすべてサイズが異なります。私は自由を取ってスムーズにそれらの1つを変えました、そして結果は既に良い方法です。あなたはそれらを整列させて、すべての画像で同じ寸法を敬うべきです。

<style> 
 
d, tr, img { padding: 0px; margin: 0px; border: none; display: block; } 
 
table { border-collapse: collapse; }  
 
    
 
</style> 
 

 
<table cellpadding="0" cellspacing="0" border="0"> 
 
    <tr> 
 
     <td> 
 
      <img src="http://i.imgur.com/tBrf7Fu.png" > 
 
     </td> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/BMSIqd.png"> 
 
     </td> 
 
    </tr> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/VcOrDE.png" > 
 
     </td> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/DlwKjq.png"> 
 
     </td> 
 
    </tr> 
 
</table>