title: html email issues with layout
body: <p>I haven't had to send any mailshots for a number of years and I remember the process to be very painful then.</p>
  
  <p>I have cut up my design into three sections and placed them within a table the table has a height and width defined and so do all the individual  elements, however when viewed in an email client such as Gmail there are spaces between the three table rows.</p>
  
  <p>My html. I think you'll agree it couldn't be more simplified!</p>
  
  <pre><code>&lt;table border="0" cellpadding="0" cellspacing="0" width="550" height="550"&gt;
   &lt;tr&gt;
    &lt;td colspan="2" bgcolor="#ffffff" width="550" height="104"&gt;
  &lt;img src="images/OC_01.gif" alt="" width="550" height="104"&gt;&lt;/td&gt;
   &lt;/tr&gt;&lt;tr&gt;
    &lt;td bgcolor="#ffffff" width="246" height="341"&gt;
  &lt;img src="images/OC_02.gif" alt="" width="246" height="341"&gt;&lt;/td&gt;
    &lt;td bgcolor="#ffffff" width="304" height="341"&gt;
  &lt;img src="images/OC_03.gif" alt="" width="304" height="341"&gt;&lt;/td&gt;
   &lt;/tr&gt;&lt;tr&gt;
  &lt;td colspan="2" bgcolor="#014280" width="550" height="105" valign="top"&gt;
  &lt;a href="TBA"&gt;&lt;img src="images/OC_04.gif" alt="" width="550" height="105"&gt;&lt;/a&gt;&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is there anyone here today that has enough email html experience to point me in the right direction?</p>
  
  <p>Edit to add: I have been dissecting some commercial emails that have been sent to me in the past and I have found that some of them also have this weird spacing issue in Gmail. I have also noticed that each has been designed in such a way as to accommodate any extra spacing between the rows so I'm going to assume that the answer to this question is to ensure that the design is produced in such a way that these gaps are not an issue.</p>