Почему изображения в моей таблице 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

Ваши изображения все имеют разный размер. Я взял на себя смелость, чтобы плавно изменить один из них, и результат уже лучше. Вы должны выровнять их и соблюдать те же размеры на всех изображениях.

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