title: How to remove gaps between the tables and tr
body: <pre><code>    &lt;table width="33%" border="0" border-spacing: 0px; cellpadding="0" cellspacing="0"&gt;
    &lt;tr&gt;
      &lt;td colspan="4"&gt;&lt;img src="01.png" width="619" height="143" " /&gt;&lt;/td&gt;
    &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td height="13" valign="top"&gt;&lt;img 02.png" width="75" height="13" /&gt;&lt;/td&gt;
        &lt;td width="32%" valign="top"&gt;&lt;img src="03.png" width="200" height="13" /&gt;&lt;/td&gt;
        &lt;td width="56%" colspan="2" valign="top"&gt;&lt;04.png" width="344" height="13" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
    &lt;td colspan="4" valign="top"&gt;&lt;img 05.png" width="619" height="150" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td colspan="4" valign="top"&gt;&lt;table width="100%" border="0" cellpadding="0" cellspacing="0"&gt;
      &lt;tr&gt;
        &lt;td width="85%"&gt;&lt;img src="06.png" width="474" height="28" /&gt;&lt;/td&gt;
        &lt;td width="11%"&gt;&lt;img src="07.png" width="71" height="28" /&gt;&lt;/td&gt;
        &lt;td width="4%"&gt;&lt;img src="08.png" width="74" height="28" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td colspan="4" valign="top"&gt;&lt;img src="09.png" width="619" height="144" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td colspan="4" valign="top"&gt;&lt;table width="100%" border="0" cellpadding="0" cellspacing="0"&gt;
    &lt;tr&gt;
      &lt;td width="76%" height="32"&gt;&lt;img src="10.png" width="474" height="32"/&gt;&lt;/td&gt;
      &lt;td width="12%"&gt;&lt;img src="11.png" width="71" height="32"/&gt;&lt;/td&gt;
      &lt;td width="12%"&gt;&lt;img src="12.png" width="74" height="32"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td colspan="4" valign="top"&gt;&lt;img src="13.png" width="619" height="140" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td colspan="4" valign="top"&gt;&lt;table width="99%" border="0" cellpadding="0" cellspacing="0"&gt;
        &lt;tr&gt;
      &lt;td width="76%"&gt;&lt;img src="14.png" width="474" height="36"/&gt;&lt;/td&gt;
      &lt;td width="12%"&gt;&lt;img src="15.png" width="71" height="36" /&gt;&lt;/td&gt;
      &lt;td width="12%"&gt;&lt;img src="16.png" width="74" height="36"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td height="109" colspan="4" rowspan="2" valign="top"&gt;&lt;img 19.png" width="619" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I have this code in my email template. When I compile it on my local page, it works fine, but when I send it though email, gaps are appearing in between the lines and tables. I tried this also</p>
  
  <pre><code>    &lt;style&gt;
  table { border-spacing: 0px; }
  &lt;/style&gt;
  </code></pre>
  
  <p>But not worked. Anybody know about this issue?</p>
  
  <p>Or how I should print it in php? so that it sends as an image in email. Because after receiving an email, when I forward it, then its shows me correct because it become an image. So I am thinking to make it as an image before shooting email in the script. But how can I print this html in php?</p>