#1
  1. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2007
    Location
    Glendale AZ
    Posts
    188
    Rep Power
    93

    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:

    PHP Code:
    $messageHTML = <<< Message
    <html>
    <head>
       <title>Tourney Invite Email</title>
    </head>
    <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">
        <tr>
            <td align="center">
                <table cellpadding="10">
                    <tr>
                        <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>
                    </tr>
                    <tr>
                        <td height="200" align="center" valign="top">
                            <table width="100%" cellpadding="10" background="http://www.theultimatedonkey.com/images/card_suits_bg_light.gif">
                                <tr>
                                    <td>
    $message_complete</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    </body>
    </html>
    Message; 
    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.

    Any thoughts besides Outlook stinks? Unfortunately, they have a pretty big chunk of the email client market...

    Thanks,

    Mike
  2. #2
  3. Code Monkey V. 0.9
    Devshed Regular (2000 - 2499 posts)

    Join Date
    Mar 2005
    Location
    A Land Down Under
    Posts
    2,126
    Rep Power
    1990
    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.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    1
    Rep Power
    0

    it problem of outlook


    Dont worry check you email in browser it will work fine some email clients are not supporting images well

IMN logo majestic logo threadwatch logo seochat tools logo