Gmail stripping inline CSS

Gmail is stripping some of my inline CSS for a reason that I don't understand. It seems pretty arbitrary... As my luck would have it, `display: block` is part of the CSS that is stripped, and of course the element in question is an image.

The following examples work just fine:
```
<img src="http://example.com/header_01.jpg" width="125" height="60" alt="alt text here" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" />
```
```
<img src="http://example.com/events.jpg" alt="Events" width="222" height="185" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" />
```

The ones below have their complete style attributes stripped:
```
<img src="http://example.com/header_02.jpg" width="348" height="60" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" />
```
```
<img src="http://example.com/red_bulletin.jpg" alt="alt text here" width="446" height="185" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" />
```

So my issue is that because of this, the layout is broken because now some images are defaulting to `display: inline`. I've tried `display: block` (as you can see), `line-height: 1` for the containing td, but that's not really helping.

I've read online that sometimes Gmail strips style attributes when it encounters a declaration it doesn't like, but the usual workaround for that is to add `!important` which hasn't worked for me.

Whether the image in question has alt text or not, or whether it is inside a link or not does not seem to have any bearing on this issue.

This email displays fine in Outlook 2010, Outlook.com, Thunderbird, AOL Mail, and Yahoo Mail.

Only Gmail is giving me this issue. (BTW I've tried everything in this link: [http://stackoverflow.com/questions/15678070/gmail-mailchimp-adding-spacing-between-images-in-tables]).

Does anyone know why Gmail is sometimes stripping inline CSS and sometimes not, even if the CSS in question is the same in both cases? Could the surrounding tags/elements have an impact on this?

roshodgekiss roshodgekiss, 3 years ago

Hi there zeorin, thank you for letting us know about this. You're right, this does seem really arbitrary - I would have suggested using !important, but obviously this hasn't helped here. Would it be possible for you to post your full code here, or contact our team with campaign details? Then we'll be able to give this a look and run some tests on our end. Best of luck!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
alluremail alluremail, 3 years ago

Sounds like display: block is the most important element to retain in this case for better display in Gmail. So perhaps some less important elements could be removed. Example:

<img src="http://example.com/header_02.jpg" width="348" height="60" alt="" style="display: block;" border="0" />
zeorin zeorin, 3 years ago

@alluremail thanks! That worked!

@roshodgekiss although my issue is fixed, here is the code (with client-sensitive information replaced):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Your Message Subject or Title</title>
    <style type="text/css">
        table td {border-collapse: collapse;}
    </style>
  </head>
  <body style="width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;">

    <table width="100%" cellpadding="0" cellspacing="0" border="0" id="topTable1" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: black; margin: 0 auto;" bgcolor="black"><tr><td align="center" style="line-height: 1;">
            <table align="center" cellpadding="0" border="0" class="layoutWidthTable" width="670" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 670px;"><tr><td align="left" class="webversion" style="line-height: 1; font-family: Arial, sans-serif; font-weight: bold; color: white; font-size: 9px;">
                    <br />
                    EMAIL NOT DISPLAYING CORRECTLY? <a href="%%webversion%%" style="color: white; text-decoration: underline;"><span style="color: white; text-decoration: underline;">CLICK HERE</span></a> TO VIEW ONLINE.
                    <br /><img src="http://example.com/images/spacer.gif" class="image_fix" width="2" height="9" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: inline !important;" /></td>
            </tr></table></td>
    </tr></table><table width="100%" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" style="width: 100% !important; line-height: 100% !important; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #d8d8d8; margin: 0; padding: 0;" bgcolor="#d8d8d8"><tr><td align="center" style="line-height: 1;">

        <table width="670" cellpadding="0" cellspacing="0" border="0" align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td align="left" width="670" style="line-height: 1;">
                    <table width="670" height="75" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="125" height="60" style="line-height: 1;"><a href="http://www.companyx.co.za/" target="_blank"><img src="http://example.com/images/header_01.jpg" width="125" height="60" alt="Company X #coolhashtag" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            <td width="348" height="60" style="line-height: 1;"><img src="http://example.com/images/header_02.jpg" width="348" height="60" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="47" height="60" style="line-height: 1;"><a href="https://www.facebook.com/companyx/" target="_blank"><img src="http://example.com/images/header_03.jpg" width="47" height="60" alt="Company X on Facebook" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            <td width="49" height="60" style="line-height: 1;"><a href="http://twitter.com/companyxza/" target="_blank"><img src="http://example.com/images/header_04.jpg" width="49" height="60" alt="Company X on Twitter" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            <td width="50" height="60" style="line-height: 1;"><a href="http://www.youtube.com/user/companyx" target="_blank"><img src="http://example.com/images/header_05.jpg" width="50" height="60" alt="Company X on Youtube" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            <td width="51" height="60" style="line-height: 1;"><img src="http://example.com/images/header_06.jpg" width="51" height="60" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                        </tr><tr><td width="670" height="15" colspan="6" style="line-height: 1;"><img src="http://example.com/images/header_07.jpg" width="670" height="15" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                        </tr></table><a href="#" target="_blank"><img src="http://example.com/images/bulletin_board.jpg" alt="Bulletin Board" width="670" height="275" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a>
                    <table cellpadding="0" cellspacing="0" border="0" width="670" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="50" height="50" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_article.png" alt="" width="29" height="29" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                        <td width="590" class="headline_article" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                            company x motorcyclists<br />
                            john doe &amp; tom smith in cape town
                        </span></a></td>
                        <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                    </tr></table><table width="670" height="2" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="2" height="2" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td></tr></table><table cellpadding="0" cellspacing="0" border="0" width="670" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="222" style="line-height: 1;">
                            <table width="222" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="222" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/example_1.jpg" alt="" width="222" height="115" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="222" style="line-height: 1;">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="40" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_article.png" alt="" width="29" height="29" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                            <td width="152" class="headline_article lines_1" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 16px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                headline
                                            </span></a></td>
                                            <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="222" style="line-height: 1;">
                            <table width="222" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="222" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/example_2.jpg" alt="" width="222" height="115" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="222" style="line-height: 1;">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="40" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_article.png" alt="" width="29" height="29" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                            <td width="152" class="headline_article lines_1" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 16px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                headline
                                            </span></a></td>
                                            <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="222" style="line-height: 1;">
                            <table width="222" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="222" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/example_3.jpg" alt="" width="222" height="115" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="222" style="line-height: 1;">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="40" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_article.png" alt="" width="29" height="29" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                            <td width="152" class="headline_article lines_1" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 16px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                headline
                                            </span></a></td>
                                            <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                    </tr></table><br /><table cellpadding="0" cellspacing="0" border="0" width="670" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="446" style="line-height: 1;">
                            <table width="446" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="446" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/news_bulletin.jpg" alt="" width="446" height="185" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="446" style="line-height: 1;">
                                    <table cellpadding="0" cellspacing="0" border="0" width="446" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                            <td width="296" class="headline_article lines_1" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 16px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                this month in the company bulletin
                                            </span></a></td>
                                            <td width="140" height="40" align="center" valign="middle" class="icon_companyxetin" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_news_bulletin.png" alt="The Company Bulletin" width="126" height="24" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="222" style="line-height: 1;">
                            <table width="222" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="222" height="40" style="line-height: 1;">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="40" height="40" align="center" valign="middle" class="icon_wordontheweb" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #00256b;" bgcolor="#00256b"><a href="#" target="_blank"><img src="http://example.com/images/icon_wordontheweb.png" alt="" width="31" height="30" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                            <td width="152" class="headline_wordontheweb lines_1" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 16px; background-color: #00256b;" align="left" bgcolor="#00256b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                word on the web
                                            </span></a></td>
                                        </tr></table></td>
                            </tr><tr><td width="222" height="145" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/wordontheweb.png" alt="Some inspiring quote from a celeb here. #coolhashtag Jane Doe" width="222" height="145" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="222" height="40" style="line-height: 1;">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                            <td width="183" class="headline_article lines_2" style="line-height: 1.2; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                company x cool event<br />
                                                26th may at bassline, newtown
                                            </span></a></td>
                                            <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                    </tr></table><br /><table cellpadding="0" cellspacing="0" border="0" width="670" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="222" style="line-height: 1;">
                            <table width="222" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="222" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/events.jpg" alt="Events" width="222" height="185" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="222" height="40" style="line-height: 1;">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                            <td width="183" class="headline_article lines_2" style="line-height: 1.2; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                company x cool event<br />
                                                26th may at bassline, newtown
                                            </span></a></td>
                                            <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="446" style="line-height: 1;">
                            <table width="446" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="446" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/xchange.jpg" alt="alt text" width="446" height="185" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="446" class="headline_article" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                            <td width="183" class="headline_article lines_2" style="line-height: 1.2; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                company x cool event<br />
                                                26th may at bassline, newtown
                                            </span></a></td>
                                            <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank" style="color: white; text-decoration: none;"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                    </tr></table><table width="670" height="2" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="2" height="2" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td></tr></table><table cellpadding="0" cellspacing="0" border="0" width="670" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="446" style="line-height: 1;">
                            <table width="446" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="446" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/xperts.jpg" alt="alt text" width="446" height="185" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="446" class="headline_article" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                            <td width="183" class="headline_article lines_2" style="line-height: 1.2; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                                company x cool event<br />
                                                26th may at bassline, newtown
                                            </span></a></td>
                                            <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank" style="color: white; text-decoration: none;"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="222" style="line-height: 1;">
                            <table width="222" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="222" style="line-height: 1;"><a href="#" target="_blank">
                                    <img src="http://example.com/images/mobile.jpg" alt="Mobile" width="222" height="185" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            </tr><tr><td width="222" height="40" style="line-height: 1;">
                                    <table cellpadding="0" cellspacing="0" border="0" width="222" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="102" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                            <td width="120" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="http://www.companyxmobile.co.za/" target="_blank"><img src="http://example.com/images/getithere.png" alt="Get it here" width="107" height="20" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                        </tr></table></td>
                            </tr></table></td>
                    </tr></table><br /><table width="670" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="166" class="copy_article" valign="top" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 10px; background-color: #00256b;" align="left" bgcolor="#00256b">
                            <table border="0" cellpadding="10" cellspacing="0" width="166" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="166" valign="top" class="copy_article" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 10px; background-color: #00256b;" align="left" bgcolor="#00256b">
                                        <a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">Malesuada ipsum. Cras id magna. Nunc pharetra velit vitae eros. Vivamus ac risus. Mauris ac pede laoreet felis pharetra ultricies. Proin et neque. Aliquam</span></a>

                                    </td>
                                </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="166" class="copy_article" valign="top" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 10px; background-color: #00256b;" align="left" bgcolor="#00256b">
                            <table border="0" cellpadding="10" cellspacing="0" width="166" height="80" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="166" valign="top" class="copy_article" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 10px; background-color: #00256b;" align="left" bgcolor="#00256b">
                                        <a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">Malesuada ipsum. Cras id magna. Nunc pharetra velit vitae eros. Vivamus ac risus. Mauris ac pede laoreet felis pharetra ultricies. Proin et neque. Aliquam</span></a>
                                    </td>
                                </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="166" class="copy_article" valign="top" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 10px; background-color: #00256b;" align="left" bgcolor="#00256b">
                            <table border="0" cellpadding="10" cellspacing="0" width="166" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="166" valign="top" class="copy_article" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 10px; background-color: #00256b;" align="left" bgcolor="#00256b">
                                        <a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">Malesuada ipsum. Cras id magna. Nunc pharetra velit vitae eros. Vivamus ac risus. Mauris ac pede laoreet felis pharetra ultricies. Proin et neque. Aliquam</span></a>
                                    </td>
                                </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="166" class="copy_article" valign="top" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 10px; background-color: #00256b;" align="left" bgcolor="#00256b">
                            <table border="0" cellpadding="10" cellspacing="0" width="166" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="166" valign="top" class="copy_article" style="line-height: 1; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 10px; background-color: #00256b;" align="left" bgcolor="#00256b">
                                        <a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">Malesuada ipsum. Cras id magna. Nunc pharetra velit vitae eros. Vivamus ac risus. Mauris ac pede laoreet felis pharetra ultricies. Proin et neque. Aliquam</span></a>
                                    </td>
                                </tr></table></td>
                    </tr><tr><td width="166" height="40" style="line-height: 1;">
                            <table cellpadding="0" cellspacing="0" border="0" width="166" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                    <td width="126" class="headline_article lines_2" style="line-height: 1.2; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                        click here to<br />
                                        find out more
                                    </span></a></td>
                                    <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="166" height="40" style="line-height: 1;">
                            <table cellpadding="0" cellspacing="0" border="0" width="166" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                    <td width="126" class="headline_article lines_2" style="line-height: 1.2; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                        click here to<br />
                                        find out more
                                    </span></a></td>
                                    <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="166" height="40" style="line-height: 1;">
                            <table cellpadding="0" cellspacing="0" border="0" width="166" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                    <td width="126" class="headline_article lines_2" style="line-height: 1.2; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                        click here to<br />
                                        find out more
                                    </span></a></td>
                                    <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                </tr></table></td>
                        <td width="2" style="line-height: 1;"></td>
                        <td width="166" height="40" style="line-height: 1;">
                            <table cellpadding="0" cellspacing="0" border="0" width="166" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td width="10" height="40" align="center" valign="middle" class="icon_article" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"></td>
                                    <td width="126" class="headline_article lines_2" style="line-height: 1.2; text-align: left; vertical-align: center; color: white; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #001a4b;" align="left" bgcolor="#001a4b" valign="middle"><a href="#" target="_blank" style="color: white; text-decoration: none;"><span style="color: white; text-decoration: none;">
                                        click here to<br />
                                        find out more
                                    </span></a></td>
                                    <td width="30" align="center" valign="middle" class="icon_readmore" style="line-height: 1; text-align: middle; vertical-align: center; background-color: #001a4b;" bgcolor="#001a4b"><a href="#" target="_blank"><img src="http://example.com/images/icon_readmore.png" alt="Read more" width="12" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                                </tr></table></td>
                    </tr></table><br /><table width="670" height="228" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td colspan="7" width="670" height="148" style="line-height: 1;"><img src="http://example.com/images/footer_01.jpg" width="670" height="148" alt="Company X #coolhashtag Not signed up? Be the first to get the latest news!" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                        </tr><tr><td rowspan="4" width="16" height="79" style="line-height: 1;"><img src="http://example.com/images/footer_02.jpg" width="16" height="79" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="111" height="31" style="line-height: 1;"><a href="#" target="_blank"><img src="http://example.com/images/footer_03.jpg" width="111" height="31" alt="Sign up now" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            <td colspan="5" rowspan="2" width="543" height="46" style="line-height: 1;"><img src="http://example.com/images/footer_04.jpg" width="543" height="46" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                        </tr><tr><td width="111" height="15" style="line-height: 1;"><img src="http://example.com/images/footer_05.jpg" width="111" height="15" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                        </tr><tr><td colspan="2" width="445" height="25" style="line-height: 1;"><a href="http://www.companyx.co.za/" target="_blank"><img src="http://example.com/images/footer_06.jpg" width="445" height="25" alt="companyx.co.za" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            <td width="108" height="25" style="line-height: 1;"><a href="#" target="_blank"><img src="http://example.com/images/footer_07.jpg" width="108" height="25" alt="Send to a friend" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            <td width="9" height="25" style="line-height: 1;"><img src="http://example.com/images/footer_08.jpg" width="9" height="25" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="85" height="25" style="line-height: 1;"><a href="%%unsubscribelink%%" target="_blank"><img src="http://example.com/images/footer_09.jpg" width="85" height="25" alt="Unsubscribe" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important; border: none;" /></a></td>
                            <td rowspan="2" width="7" height="33" style="line-height: 1;"><img src="http://example.com/images/footer_10.jpg" width="7" height="33" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                        </tr><tr><td colspan="5" width="647" height="8" style="line-height: 1;"><img src="http://example.com/images/footer_11.jpg" width="647" height="8" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                        </tr><tr><td width="16" height="1" style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="16" height="1" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="111" height="1" style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="111" height="1" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="334" height="1" style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="334" height="1" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="108" height="1" style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="108" height="1" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="9" height="1" style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="9" height="1" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="85" height="1" style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="85" height="1" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                            <td width="7" height="1" style="line-height: 1;"><img src="http://example.com/images/spacer.gif" width="7" height="1" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block !important;" /></td>
                        </tr></table><br /><img src="http://example.com/images/spacer.gif" class="image_fix" width="2" height="16" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: inline !important;" /></td>
            </tr></table></td>
    </tr></table></body>
</html>
roshodgekiss roshodgekiss, 3 years ago

Thanks, zeorin - glad to know its all worked out now. Have an awesome week! :D


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098