I've only recently begun to design rich-emails, and I'm still learning all the limitations. I have a repeating background image in my main content table and it shows up just fine in Entourage, Thunderbird, Mac mail and in my browser as well. But when testing the email on Outlook 2003/WinXP, the image does not show up. Why not?
Any chance we can have a look at your HTML/CSS?
Thanks for your reply, and invitation to review my markup. Normally I would post it up no problem but this is a high profile corporate client so I need to respect the NDA I signed, heh. Also the code is a bit embarassing as it's based off a Microsoft template and it's just complete tag-soup, ugh.
Still, here's a snippet containing the table w/ background image- perhaps the cause of my issues:
<table border="0" cellspacing="0" cellpadding="0" width="600" background="http://www.xxxxxx.com/global/xxxxxxx/newsletters/07//images/fw_head-img-bg.gif" style='width:6.25in;mso-cellspacing:0in;mso-padding-alt:0in 0in 0in 0in'> <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'> <td colspan="3" style='padding:0in 0in 0in 0in'> <p class="MsoNormal"> <img width="600" height="80" id="_x0000_i1025" src="http://url.com/images/fw_head-logo.gif" nosend="1"> </p> </td> </tr> <tr style='mso-yfti-irow:1'> <td width="11" style='width:8.25pt;padding:0in 0in 0in 0in'> <p class="MsoNormal" align="center" style='text-align:center'> <img width="11" height="50" id="_x0000_i1026" src="http://www.xxxxxx.com/global/xxxxxxx/newsletters/07//images/spacer.gif" nosend="1"> </p> </td>
Wow what a mess, sorry. Well, thanks in advance for any thoughts on this.
Yes, all the hallmarks of M$ generated code! :) I have a very strong suspicion that the problem may lie in the double-slash in the image URL (/global/xxxxxxx/newsletters/07//images/fw_head-img-bg.gif). I know Outlook can be finicky with what it considers as unusual URLs. Following this logic, I'd presume your spacer.gif isn't displaying either?
Hope this helps,