title: White space between picture in first row and green coloured cell in second row
body: <p>I have just recently picked up coding again for a newsletter and have encountered the notorious white space problem. However, I do not have any  in my rudimentary code and would appreciate if you could help getting rid of the white space between my banner in the first row and a green coloured second row.</p>
  
  <p><img src="https://i.stack.imgur.com/Zwt7k.jpg" alt="Snapshot with white [bar"></p>
  
  <p>The code is as follows:</p>
  
  <pre><code>&lt;table style="vertical-align: bottom; background-color: rgb(0, 136, 64); width: 100%;"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
          &lt;a href="www.whatever.com"&gt;&lt;img style="border: 0; width: 800px;" alt="Logo.jpg"&gt;&lt;/a&gt;
      &lt;/tr&gt;   
      &lt;tr&gt;
          &lt;td style="text-align: right; padding-right: 15px;"&gt;31 July 2012&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How to get rid of the white space between the cells?</p>