title: White spaces between images in HTML email
body: <p>I am working on a HTML email template. For some reason, there are white spaces to the left  of the images in outlook and bellow the images in gmail.</p>
  
  <p>I have tried many of the suggestions listed here to no prevail.</p>
  
  <p>Here is some of code I am referring too:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td colspan="12"&gt;
          &lt;img src="http://www.antequera-inland.com/email-template/images/_01.gif" width="600" height="172" alt=""/&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="4" rowspan="4"&gt;
          &lt;img src="http://www.antequera-inland.com/email-template/images/_02.gif" width="348" height="120" alt=""/&gt;&lt;/td&gt;
      &lt;td colspan="7"&gt;
          &lt;a href="http://www.skype.com" title="Chat or call us via Skype" target="_blank"
              onmouseover="window.status='Chat or call us via Skype';  return true;"
              onmouseout="window.status='';  return true;"&gt;
              &lt;img src="http://www.antequera-inland.com/email-template/images/skype-link.gif" alt="Chat or call us via Skype" name="Chat-or-call-us-via-Skype" width="233" height="26" border="0" /&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td rowspan="12"&gt;
          &lt;img src="http://www.antequera-inland.com/email-template/images/_04.gif" width="19" height="591" alt=""/&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="7"&gt;
          &lt;a href="mailto:steve@antequera-inland.com" title="Send us as email" target="_blank"
              onmouseover="window.status='Send us as email';  return true;"
              onmouseout="window.status='';  return true;"&gt;
              &lt;img src="http://www.antequera-inland.com/email-template/images/Email-Steve.gif" alt="Send us as email" name="Send-us-as-email" width="233" height="22" border="0" /&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="7"&gt;
          &lt;a href="http://www.antequera-inland.com" title="Visit Antequera Inland website" target="_blank"
              onmouseover="window.status='Visit Antequera Inland website';  return true;"
              onmouseout="window.status='';  return true;"&gt;
              &lt;img src="http://www.antequera-inland.com/email-template/images/www.antequera-inland.com.gif" alt="Visit Antequera Inland website" name="Visit-Antequera-Inland-website" width="233" height="23" border="0" /&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Any assistance is very much appreciated.</p>
  
  <p>Regards.</p>