title: A gap added in Gmail, inside a html signature from outlook
body: <p>I've created an html signature I need to use in Outlook. Following recommendations, I've used a table layout, given all images and even td's, tr's and the table itself specific height and width, 0 padding and margin, and even tried adding those in both css and in the old-fashion way on the actual tags.<br>
  In outlook, it comes out right, but in gmail it adds a gap between the tr's.
  Following the recommendation here: <a href="https://stackoverflow.com/questions/4890876/gmail-displaying-gaps-between-images">Gmail displaying gaps between images</a>, I've tried to add style="display:block;" to the images, still no luck.
  Here is the code I use:</p>
  
  <pre><code>&lt;table cellspacing="0px" cellpadding="0px" border="0px" width="592px" height="254px" style="border-collapse:collapse; border:none; padding:0px; margin:0px; width:592px; height:254px;"&gt;
  &lt;tr cellspacing="0px" cellpadding="0px" width="592px" height="90px" style="padding:0px; margin:0px; width:592px; height:90px;"&gt;
  &lt;td cellspacing="0px" cellpadding="0px" width="83px" height="90px" style="padding:0px; margin:0px; width:83px; height:90px;"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td cellspacing="0px" cellpadding="0px" width="150px" height="90px" style="padding:0px; margin:0px; width:150px; height:90px;"&gt;&lt;img src="new_sig.files/sig2.png" width="150px" height="90px"&gt;&lt;/td&gt;
  &lt;td cellspacing="0px" cellpadding="0px" width="359px" height="90px" style="padding:0px; margin:0px; width:359px; height:90px;"&gt;&lt;img src="new_sig.files/sig3.png" width="359px" height="90px"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr cellspacing="0px" cellpadding="0px" width="592px" height="64px" style="padding:0px; margin:0px; width:592px; height:64px;"&gt;
  &lt;td cellspacing="0px" cellpadding="0px" width="83px" height="64px" style="padding:0px; margin:0px; width:83px; height:64px;"&gt;&lt;a href="http://www.facebook.com"&gt;&lt;img style="border:none;" src="new_sig.files/sig4.png" width="83px" height="64px"&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;td cellspacing="0px" cellpadding="0px" width="150px" height="64px" style="padding:0px; margin:0px; width:150px; height:64px;"&gt;&lt;img src="new_sig.files/sig5.png" width="150px" height="64px"&gt;&lt;/td&gt;
  &lt;td cellspacing="0px" cellpadding="0px" width="359px" height="64px" style="padding:0px; margin:0px; width:359px; height:64px;"&gt;&lt;img src="new_sig.files/sig6.png" width="359px" height="64px"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr cellspacing="0px" cellpadding="0px" width="592px" height="100px" style="padding:0px; margin:0px; width:592px; height:100px;"&gt;
  &lt;td cellspacing="0px" cellpadding="0px" width="83px" height="100px" style="padding:0px; margin:0px; width:83px; height:100px;"&gt;&lt;img src="new_sig.files/sig7.png" width="83px" height="100px"&gt;&lt;/td&gt;
  &lt;td cellspacing="0px" cellpadding="0px" width="150px" height="100px" style="padding:0px; margin:0px; width:150px; height:100px;"&gt;&lt;img src="new_sig.files/sig8.png" width="150px" height="100px"&gt;&lt;/td&gt;
  &lt;td cellspacing="0px" style="padding:0px 5px 0px 15px; margin:0px; width:339px; height:100px;line-height:16px; font-size:12px;color:#4f4f4f;font-family:arial;" &gt;
  Name LastName&lt;br/&gt;
  Description&lt;br/&gt;&lt;br/&gt;
  &lt;a href="http://www.site.com" style="color:#0875a4;"&gt;www.site.com&lt;/a&gt;
  &lt;img src="new_sig.files/phone_icon.png" width="18px" height="28px"/&gt;
  972-(0)3-6960556
  &lt;img src="new_sig.files/mail_icon.png" width="18px" height="28px"/&gt;
  &lt;a href="mailto:name@site.com" style="color:#0875a4;"&gt;name@site.com&lt;/a&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Now, the code gmail reads, apparently, goes like this:</p>
  
  <pre><code>&lt;table width="592" cellspacing="0" cellpadding="0" border="0" style="width: 444pt; border-collapse: collapse;"&gt;
  &lt;tbody&gt;
  &lt;tr style="min-height: 67.5pt;"&gt;
  &lt;td width="83" style="width: 62.25pt; padding: 0in; min-height: 67.5pt;"&gt;
  &lt;p class="MsoNormal"&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
  &lt;/td&gt;
  &lt;td width="150" style="width: 112.5pt; padding: 0in; min-height: 67.5pt;"&gt;
  &lt;p class="MsoNormal"&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;
  &lt;img height="90" width="150" src=""&gt;&lt;/span&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
  &lt;td width="359" style="width: 269.25pt; padding: 0in; min-height: 67.5pt;"&gt;
  &lt;p class="MsoNormal"&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;
  &lt;img height="90" width="359" src=""&gt;&lt;/span&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr style="min-height: 48pt;"&gt;
  &lt;td width="83" style="width: 62.25pt; padding: 0in; min-height: 48pt;"&gt;
  &lt;p class="MsoNormal"&gt;&lt;a target="_blank" href="http://www.facebook.com/"&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; color: blue; text-decoration: none;"&gt;
  &lt;img height="64" width="83" border="0" src=""&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td width="150" style="width: 112.5pt; padding: 0in; min-height: 48pt;"&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;
  &lt;img height="64" width="150" border="0" src=""&gt;&lt;/span&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
  &lt;td width="359" style="width: 269.25pt; padding: 0in; min-height: 48pt;"&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;
  &lt;img height="64" width="359" border="0" src=""&gt;&lt;/span&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr style="min-height: 75pt;"&gt;
  &lt;td width="83" style="width: 62.25pt; padding: 0in; min-height: 75pt;"&gt;
  &lt;p class="MsoNormal"&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;
  &lt;img height="100" width="83" border="0" src=""&gt;&lt;/span&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
  &lt;td width="150" style="width: 112.5pt; padding: 0in; min-height: 75pt;"&gt;
  &lt;p class="MsoNormal"&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;
  &lt;img height="100" width="150" border="0" src=""&gt;&lt;/span&gt;&lt;span style="font-size: 12pt; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
  &lt;td width="339" style="width: 254.25pt; padding: 0in 3.75pt 0in 11.25pt; min-height: 75pt;"&gt;
  &lt;p style="line-height: 12pt;" class="MsoNormal"&gt;&lt;span style="font-size: 9pt; color: rgb(79, 79, 79);"&gt;Name LastName&lt;br&gt;Description&lt;br&gt;&lt;br&gt;&lt;a target="_blank" href="http://www.site.com"&gt;
  &lt;span style="color: rgb(8, 117, 164);"&gt;www.site.com&lt;/span&gt;&lt;/a&gt; &lt;/span&gt;
  &lt;span style="font-size: 9pt; color: rgb(79, 79, 79);"&gt;
  &lt;img height="28" width="18" border="0" src=""&gt;&lt;/span&gt;
  &lt;span style="font-size: 9pt; color: rgb(79, 79, 79);"&gt;972-(0)3-6960556 &lt;/span&gt;
  &lt;span style="font-size: 9pt; color: rgb(79, 79, 79);"&gt;
  &lt;img height="28" width="18" border="0" src=""&gt;&lt;/span&gt;
  &lt;span style="font-size: 9pt; color: rgb(79, 79, 79);"&gt;
  &lt;a target="_blank" href="mailto:name@site.com"&gt;
  &lt;span style="color: rgb(8, 117, 164);"&gt;name@site.com&lt;/span&gt;&lt;/a&gt; &lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;
  </code></pre>
  
  <p>I tried also giving the whole table line-height of 0, but that didn't work either.<br>
  The 2 images in the last cell, btw, aren't displayed in gmail for some reason.</p>
  
  <hr>
  
  <p>update: didn't really notice this received more answers till now. we ended up simplifying the design/code a bit, and i stopped checking this page after a while. not sure if any of the solutions here would have worked, but i see they helped other people. thnx anyways :)</p>