Currently in the midst of designing an email template for a new project. I have set up a table, with one row featuring some stripes and the next row showcasing a black bar to match the site's layout.
My question is: Is there a way to incorporate an image into the table and have it seamlessly flow into the second row without disrupting the formatting?
Thank you, Will
EDIT:
This is how it looks right now:
<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">
<tr height="80%">
<td>
</td>
</tr>
<tr style="background: #222; height: 20%;">
<td>
</td>
</tr>
</table>
Attempting to align the image on the left side. Typically, absolute positioning would be the go-to method for this, but unfortunately, it doesn't work in emails. We tried segmenting the image, but achieving consistent scaling across different email clients proved to be quite challenging.