title: How do i get rid of white space around image and table cells in HTML email
body: <p>I have a pre-designed HTML email that i have sliced and coded using Komodo edit. All content is within a table where <code>display: block</code> and <code>border-collapse: collapse;</code> have been added to the tables inline-CSS and also <code>line-height: 0px;</code> to the cells inline-CSS. I have been using EmailonAcid to test my HTML email and what seems to be happening is everything looks fine on every email program except for Outlook. Outlook is addining extra white space to the sliced images causing the surrounding content/images to become out of line. </p>
  
  <pre><code>&lt;table id="Table_01" style="border: 1px solid #D6D6D7; font-family: sans-serif; font-size: 14px; border-collapse: collapse;" width="800" height="1501" align="center" border="0" cellpadding="0" cellspacing="0"&gt;
  &lt;tr&gt;
      &lt;td colspan="6"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_01.jpg" width="800" height="312" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="6" style="width: 800; height:199px; padding: 20px 10px 0px 15px;"&gt;
      &lt;p&gt; ALL MY TEXT GOES HERE&lt;/p&gt;
              &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="6"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_03.jpg" width="800" height="37" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="2"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_04.jpg" width="180" height="47" alt=""&gt;&lt;/td&gt;
      &lt;td colspan="2" style="width: 135px; height: 47; font-size: 12px; text-transform: uppercase;"&gt;
      Text here
              &lt;br/&gt;
              &lt;span style="font-weight: bold;"&gt;&amp;#163;#XX.XX#&lt;/span&gt;
              &lt;/td&gt;
      &lt;td colspan="2"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_06.jpg" width="485" height="47" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="6"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_07.jpg" width="800" height="88" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="3" style="width: 228px; height: 21px; font-size: 12px; text-transform: uppercase; "&gt;
  
                  &amp;nbsp;
                  &amp;nbsp;
                  &amp;nbsp;
  
             text here
              &lt;/td&gt;
      &lt;td colspan="3"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_09.jpg" width="572" height="21" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="width:" 90px;  height: 21px; font-size: 12px;"&gt;
      &lt;span style="font-weight: bold;"&gt;
                  &amp;nbsp;
                  &amp;nbsp;
                  &amp;#163;#XX.XX#&lt;/span&gt;    &lt;/td&gt;
      &lt;td colspan="5"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_11.jpg" width="710" height="21" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="6"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_12.jpg" width="800" height="140" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="5"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_13.jpg" width="605" height="48" alt=""&gt;&lt;/td&gt;
      &lt;td style="width: 195px; height: 48px; font-size: 12px;text-transform: uppercase;"&gt;
      text here
              &lt;br/&gt;
              &lt;span style="font-weight: bold; "&gt;&amp;#163;#XX.XX#&lt;/span&gt;
              &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="6"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_15.jpg" width="800" height="66" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="6" style="width: 800px; height: 145px; font-size: 24px; text-align: center;"&gt;
      #dealername#
              &lt;br/&gt;
              #contact_number#&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="6"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_17.jpg" width="800" height="329" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="6"&gt;
          &lt;img style="display: block;" src="images/edm_personalised_02_18.jpg" width="800" height="58" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;
          &lt;img style="display: block;" src="images/spacer.gif" width="90" height="1" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img style="display: block;" src="images/spacer.gif" width="90" height="1" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img style="display: block;" src="images/spacer.gif" width="48" height="1" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img style="display: block;" src="images/spacer.gif" width="87" height="1" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img style="display: block;" src="images/spacer.gif" width="290" height="1" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img style="display: block;" src="images/spacer.gif" width="195" height="1" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>Is there anyway of getting rid of the extra spaces?</p>