August 12th, 2013, 03:15 PM
Consistent HTML email display across clients?
I've got a site sending emails and they look great in my Thunderbird installation at home but turn to sh|t in Outlook 2010 at work. Besides the very small typesize I'm not seeing any of my background images on the tables. I suspect this may just be a fact of life due to the "upgrade" to using Word as the parser?
This is how I'm defining the HTML in the PHP page:
In Outlook it's completely stripping the background image on the main container table and while it's not stripping the background image from the second table it's not displaying it either.
$messageHTML = <<< Message
<title>Tourney Invite Email</title>
<body style="background: #b90025; color: #000000; font: normal 100% Tahoma, Verdana, Geneva, sans-serif; margin: 10px;">
<table width="100%" height="100%" background="http://www.theultimatedonkey.com/images/card_suits_bg.gif">
<td width="50" height="142" rowspan="2"></td>
<td width="600"><img src="http://www.theultimatedonkey.com/images/header_email.png" width="600" height="122" alt="Ultimate Donkey Header"></td>
<td width="50" rowspan="2"></td>
<td height="200" align="center" valign="top">
<table width="100%" cellpadding="10" background="http://www.theultimatedonkey.com/images/card_suits_bg_light.gif">
Any thoughts besides Outlook stinks? Unfortunately, they have a pretty big chunk of the email client market...
August 12th, 2013, 06:41 PM
You're right. Outlook doesn't support background images on pretty much any elements. There's nothing that you can do about that apart from re-write the templating engine and redistribute it to everyone using Outlook. Even for Microsoft I don't think that's a feasible action.
Unfortunately you just need to live with it and design your emails thinking of the absolute most basic of basic HTML. Even then you'll never find every client rendering it the same way. Email clients differ far more then any browser out there does, and it's a constant fight to try and make something look even semi-reasonable in a majority of clients, let alone everything.
For a truly cross-platform solution, the only thing you can do is use plain text - and I know that's an utterly terrible idea from a marketing point of view.
August 31st, 2013, 02:51 AM
it problem of outlook
Dont worry check you email in browser it will work fine some email clients are not supporting images well