title: HTML Email spaces between tables (Gmail and Outlook)
body: <p>I am creating an HTML Email and am struggling getting images to render in Outlook and Gmail. I have the usual problem of extra space being added between table rows in Gmail however assigning block to the display style of the images like this:</p>
  
  <pre><code>style="display:block;"
  </code></pre>
  
  <p>does not work. The only fix I managed to find was to set line height to zero on all the td elements:</p>
  
  <pre><code>&lt;td style="line-height=0"&gt;
  </code></pre>
  
  <p>but when I do this Outlook then cuts off all the tops of my images! Are there any other fixes I could use ??</p>
  
  <p>----EDIT------</p>
  
  <pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;head&gt;
   &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
   &lt;title&gt;Email Template&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"/&gt;
  &lt;style type="text/css"&gt;      
  img 
  {
      display:block;
      }
   &lt;/style&gt;
   &lt;/head&gt;
  
  &lt;body style:"margin:0; padding:0;"&gt;
  
  &lt;table  cellpadding="0" cellspacing="0" width="100%" border="0" style="border-spacing:0;border:0"&gt;
  
      &lt;table align="center" cellpadding="0" cellspacing="0" width="200" 
             border="0" style="border-collapse:collapse;background-color:black;padding:0;border-spacing:0;"&gt;
  
          &lt;tr style="display:block;"&gt;
  
              &lt;td style="padding:0;border:0;border-collapse:collapse;width:20%;margin:0;"&gt;
                  &lt;img src="http://test..co.za/Custom//images/EMail_logocrop.png" style="display:block;"/&gt;
              &lt;/td&gt;
              &lt;td style="color:White;"&gt;
                  If you are having trouble viewing this email &lt;a href="" style="color:White;"&gt;click here&lt;/a&gt;
              &lt;/td&gt;
  
          &lt;/tr&gt;
  
          &lt;tr style="display:block;line-height:0;"&gt;
              &lt;td colspan="2"&gt;
                  &lt;img src="http://test..co.za/Custom//images/EMail_logo.png" style="display:block;"/&gt;
               &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2" &gt;
                  &lt;img src="http://test..co.za/Custom//images/EMail_bet.png" style="display:block;"/&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td colspan="2" &gt;
                  &lt;img src="http://test..co.za/Custom//images/EMail_stand.jpg" style="display:block;"&gt;
              &lt;/td&gt;
  
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2" style="width:100%;line-height:0;"&gt;                             
                 &lt;img src="http://test..co.za/Custom//images/EMail_games.png" style="display:block;"/&gt;
  
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2" &gt;
                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop.png" style="display:block;"/&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;
  
                  &lt;table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;" &gt;
  
                         &lt;tr&gt;
  
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop2.png" style="display:block;" /&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_pslcrop.png"/ style="display:block;"&gt;  
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop3.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_chelseacrop.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop4.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_cricketcrop.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop5.png"  style="display:block;"/&gt;                                     
                             &lt;/td&gt;
  
                         &lt;/tr&gt;
                         &lt;tr&gt;
  
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop6.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscroppsl.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop7.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscropchelsea.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop8.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscropt20.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop9.png" style="display:block;"/&gt;
                             &lt;/td&gt;
  
                         &lt;/tr&gt;
                         &lt;tr&gt;
  
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop10.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_sharkcrop.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop11.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_arsenalcrop.png" style="display:block;"/&gt; 
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop12.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_ligacrop.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop13.png" style="display:block;"/&gt;
                             &lt;/td&gt;
  
                         &lt;/tr&gt;
                         &lt;tr style="padding:0px;"&gt;
  
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop14.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscropshark.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop15.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscroparsenal.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop16.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                 &lt;img src="http://test..co.za/Custom//images/EMail_grasscropliga.png" style="display:block;"/&gt;
                             &lt;/td&gt;
                             &lt;td &gt;
                                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop17.png" style="display:block;"/&gt;
                             &lt;/td&gt;
  
                         &lt;/tr&gt;
                         &lt;tr&gt;
                              &lt;td colspan="7" &gt;
                                   &lt;img src="http://test..co.za/Custom//images/EMail_grasscrop18.png" style="display:block;"/&gt;
                              &lt;/td&gt;
                         &lt;/tr&gt;
                  &lt;/table&gt;            
  
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
  
              &lt;td colspan="2" style="padding-left:10px;"&gt;
                  &lt;img src="http://test..co.za/Custom//images/EMail_footer.png" style="display:block;"/&gt;
              &lt;/td&gt;
  
          &lt;/tr&gt;
          &lt;tr&gt;
  
              &lt;td colspan="2"&gt;
                  &lt;img src="http://test..co.za/Custom//images/EMail_grasscropbottom.png" style="display:block;"/&gt;
              &lt;/td&gt;
  
          &lt;/tr&gt;
  
  
      &lt;/table&gt; 
  
  &lt;/table&gt;
  </code></pre>
  
  <p></p>