Hi guys,
i'm working on a newsletter that i will be sending out to clients, it works like a charm if i preview it in the website, however it doesn't look good in the email.
to make it clearer, i attached 2 jpg files, good and bad
please take a look on those 2 files, and in the "bad" file, u'll notice a small black gap between "Miss us" and "its been a while....", while in the "good" file it is flawless.
Been tryin to figure this out for a few days now but still unable to track down the problem
i really appreciate your help
Here is the code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Glasshouse Newsletter</title>
<style type="text/css">
span {
line-height: 22px;
}
</style>
</head>
<body bgcolor="#000">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#000000"><table width="558" border="0" cellpadding="0" cellspacing="0" bgcolor="#fff">
<tr>
<td colspan="5" align="left" valign="top"></td>
</tr>
<tr>
<td colspan="5" align="center" valign="top" height="381"><img src="header_9.jpg" width="558" height="381"></td>
</tr>
<tr>
<td width="22" rowspan="5" align="right" bgcolor="#000000"></td>
<td width="7" rowspan="5" align="right" bgcolor="#434343"></td>
<td width="509" align="center" bgcolor="#FFFFFF">
<table width="478" border="0" cellspacing="5" cellpadding="0">
<tr>
<td height="80" colspan="2" align="left" valign="top" style="font-family:Georgia, 'Times New Roman', Times, serif;font-size:12px;color:#4d4b4b;line-height:22px;" ><em> It’s been a while since our last chat, but we’ve been saving up the good stuff for you. News of our partnership with Hollard, our Taschen book debut and a thrilling glimpse of the web in the future. Dig in and enjoy:
</em></td>
</tr>
</table></td>
<td width="7" height="515" rowspan="5" align="left" valign="top" bgcolor="#434343"></td>
<td width="13" rowspan="5" align="left" valign="top" bgcolor="#000000"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Thank you.