title: how to remove the whitespace around images in a table
body: <p>So I want to remove the extra spaces highlighted in red ink shown here:
  <a href="http://i.stack.imgur.com/d7Kwo.png" rel="nofollow">http://i.stack.imgur.com/d7Kwo.png</a></p>
  
  <p>When I remove the top images the table width becomes correct: 800px</p>
  
  <p>but what I wanted is this:<a href="http://i.stack.imgur.com/XPsz2.jpg" rel="nofollow">http://i.stack.imgur.com/XPsz2.jpg</a></p>
  
  <p>Here is my current code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;title&gt;Adventure&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="STYLE04.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table style="width:800px; height:600px" &gt;
      &lt;tr&gt;
      &lt;td colspan=3&gt;&lt;img src="N13BANNER.PNG"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;img src="N13LOGO.PNG"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="width:176px"&gt;&lt;img src="N13BUTTON1.PNG"&gt;&lt;/td&gt;
      &lt;td width=176&gt;&lt;img src="N13IMG5.jpg"&gt;&lt;/td&gt;
      &lt;td colspan=2 rowspan=6&gt;&lt;img src="DUNE204.jpg"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td width=176&gt;&lt;img src="N13BUTTON2.PNG"&gt;&lt;/td&gt;
      &lt;td width=176&gt;&lt;img src="N13IMG1.jpg"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td width=176&gt;&lt;img src="N13BUTTON3.PNG"&gt;&lt;/td&gt;
      &lt;td width=176&gt;&lt;img src="N13IMG4.jpg"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td width=176&gt;&lt;img src="N13BUTTON4.PNG"&gt;&lt;/td&gt;
      &lt;td width=176&gt;&lt;img src="N13IMG9.jpg"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td width=176&gt;&lt;a href="mailto:xahc@cie.org.uk?Subject=Adventure%20Me%20Up..."&gt;&lt;img src="N13BUTTON5.PNG"&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td width=176&gt;&lt;a href="mailto:xahc@cie.org.uk?Subject=Adventure%20Me%20Up..."&gt;&lt;img src="N13IMG6.jpg"&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan=2&gt;&lt;h1&gt;Webpage last edited by asdf&lt;/h1&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>