title: Email CSS/HTML - Image position
body: <p>I'm currently working on an email template for a project. Basically, I have a table set up, one row contains some stripes, the next a black bar (to match the site's layout).</p>
  
  <p>Question is: Is there a way to place an image in the table, and have it continue into the second row without destroying the formatting of that second row?</p>
  
  <p>Many thanks,
  Will</p>
  
  <p>EDIT:</p>
  
  <p>This is the outlook at the moment:</p>
  
  <pre><code>&lt;table style="width: 100%; height:18vh;" cellspacing="0" cellpadding="0" style=" border-collapse: collapse; border-spacing: 0;" background="http://s588191233.websitehome.co.uk/projects/kindle/img/emailwallpaper.jpg"&gt;
  &lt;tr height="80%"&gt;
      &lt;td&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr style="background: #222; height: 20%;"&gt;
      &lt;td&gt; 
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Trying to have the image appearing on the left hand side. Normally, I would achieve this via absolute positioning, but I can't as its email. We tried to approach of segmenting the image, but getting it to scale between email clients proved nigh on impossible.</p>