Gmail adds color to text (<div class="im">)

When testing our newsletter before sending it out, it appears that Gmail likes to add purple color to random portions of the text. It wraps the text in a div with the class of "im", which has purple color applied to it.

Does anyone know anything about this? Why is this happening, and what can we do to get rid of it?

Stig Stig, 3 years ago

Hey devotee,

This is quite an odd issue. The way I've seen <div class="im"> used in Gmail, is above quoted content in emails you're replying to.

E.g.

<div class="gmail_quote"><div class="im">2012/12/13 Campaign Monitor Support <span dir="ltr">&lt;<a href="mailto:support@campaignmonitor.com" target="_blank">support@campaignmonitor.com</a>&gt;</span><br>
</div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
(Quoted Content)
</blockquote></div>

So if it's being inserted (seemingly) at random in your email, I would think it's because Gmail is incorrectly detecting some of your content as being quoted.

If you can post your code here (or at least enough of it to reproduce the issue), and a screenshot of where <div class="im"> is being added, maybe someone can figure out what triggers it?


The Campaign Monitor Blog – HTML email smarts to go with your good looks.
devotee, 3 years ago

Hello. Yes I have read that somewhere, that Gmail thinks it's quoted content. I don't know if this is the case, but since I sent several tests to myself, and Gmail puts all those e-mails into a "conversation" where you can read every e-mail on the same page - could that be the reason that some of the content is concidered as quotes? I didn't get any of these color changes in the original test-mail, only in the succeeding.

Anyway, to me it still looks like it's totally random what text get changed color.

Here is a link to the newsletter, you can check the code there:
http://www.anpdm.com/newsletterweb/41415046764441514279484B59/46445B45744340594574494A5043

And here is an image showing the problem:
http://i48.tinypic.com/35izmnq.jpg

roshodgekiss roshodgekiss, 3 years ago

Hi devotee, I just gave your code a bit of a cleanup and didn't come across these issues with quotes or color changes in Gmail. I suspect that some of the surrounding code may be interfering with your design, but I can't be certain. Give this a try and let us know how you go:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no" />
<style type="text/css">
* {
    -webkit-text-size-adjust:none;
}
</style>
</head>
<body bgcolor="#FFFFFF" style="margin: 0; padding: 0;background-color:#FFFFFF;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" border="0" background="http://www.bredband2.com/newsletter/ftg/images/texture-background.jpg">
  <!-- WRAPPER -->
  <tr>
    <td><table class="margin-fix" width="784" cellspacing="0" cellpadding="0" align="center" border="0">
        <!-- PAGE -->
        <tr>
          <td><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
              <!-- Header -->
              <tr>
                <td><table cellspacing="0" cellpadding="0" align="center" border="0">
                    <tr>
                      <td><table cellspacing="0" cellpadding="0" align="center" border="0">
                          <tr>
                            <td width="784" height="33"></td>
                          </tr>
                          <tr>
                            <td width="784"><table cellspacing="0" cellpadding="0" align="center" border="0">
                                <tr>
                                  <td><table cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #222222; font-size: 11px;">
                                      <tr>
                                        <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-topleft.jpg"></td>
                                        <td width="667" valign="bottom" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-top.jpg"><span style="Text"><span style="font-size: 1px; line-height: 10px; color: #EBEBEB;">Julen är här och vi önskar alla kunder och partners en riktigt God Jul!</span></span></td>
                                        <td width="33" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-2-linkedin-bg.jpg"></td>
                                        <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-3-twitter-bg.jpg"></td>
                                        <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-topright.jpg"></td>
                                      </tr>
                                    </table></td>
                                </tr>
                                <tr>
                                  <td><table cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #222222; font-size: 11px;">
                                      <tr>
                                        <td width="28" height="33" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-topleft.jpg"></td>
                                        <td width="667" height="33" valign="bottom" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-top.jpg">Om ditt nyhetsbrev ser konstigt ut i din e-postklient kan du läsa det på webben istället - <strong><a href="http://www.anpdm.com/newsletterweb/41415046764441514279484B59/46445B45744340594574494A5043" target="_blank" style="font-family:Arial, Helvetica, sans-serif; color: #222222; font-size: 11px; text-decoration:none;">Klicka här.</a></strong></td>
                                        <td width="33" height="33" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-2-linkedin-bg.jpg"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.linkedin.com%2fcompany%2fbredband2" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-2-linkedin.gif" alt="Linkedin" width="33" height="33" border="0" style="display: block;" /></a></td>
                                        <td width="28" height="33" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-3-twitter-bg.jpg"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2ftwitter.com%2fbredband2" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-3-twitter.gif" alt="Twitter" width="28" height="33" border="0" style="display: block;" /></a></td>
                                        <td width="28" height="33" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-header-topright.jpg"></td>
                                      </tr>
                                    </table></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td width="784"><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                                <tr>
                                  <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-topleft-shadow.jpg"></td>
                                  <td width="728"><div style="text-align: left"><img src="http://img.anpdm.com/Bredband2_Skandinavien/xmas_header.jpg" width="728" height="220" alt="God Jul &amp; Gott Nytt År!" title="God Jul &amp; Gott Nytt År!" style="display: block;" border="0" /></div></td>
                                  <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                                </tr>
                                <tr>
                                  <td width="28" height="33" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                                  <td width="728" height="33"><table width="728" cellspacing="0" cellpadding="0" align="center" border="0">
                                      <tr>
                                        <td><!-- MAIN MENU -->
                                          <table width="728" cellspacing="0" cellpadding="0" align="center" border="0">
                                            <tr>
                                              <td width="88" height="33"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag%2fbredband" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-menu-1.gif" alt="Bredband" width="88" height="33" border="0" style="display: block;" /></a></td>
                                              <td width="81" height="33"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag%2ftelefoni" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-menu-2.gif" alt="Telefoni" width="81" height="33" border="0" style="display: block;" /></a></td>
                                              <td width="120" height="33"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag%2ftillvalstjanster" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-menu-3.gif" alt="Tillvalstjänster" width="120" height="33" border="0" style="display: block;" /></a></td>
                                              <td width="81" height="33"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag%2fpartners" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-menu-4.gif" alt="Partners" width="81" height="33" border="0" style="display: block;" /></a></td>
                                              <td width="98" height="33"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag%2freferenser" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-menu-5.gif" alt="Referenser" width="98" height="33" border="0" style="display: block;" /></a></td>
                                              <td width="77" height="33"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag%2fom-bredband2" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-menu-6.gif" alt="Om oss" width="77" height="33" border="0" style="display: block;" /></a></td>
                                              <td width="81" height="33"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-menu-7.gif" width="81" height="33" border="0" style="display: block;" /></td>
                                              <td width="102" height="33"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag%2fkundtjanst%2fkontakt" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-menu-8.gif" alt="Kundtjänst" width="102" height="33" border="0" style="display: block;" /></a></td>
                                            </tr>
                                          </table></td>
                                      </tr>
                                    </table></td>
                                  <td width="28" height="33" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                                </tr>
                              </table></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td width="784"><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                          <tr>
                            <td width="28" height="20" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="728" height="20" bgcolor="#FFFFFF"></td>
                            <td width="28" height="20" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
            <!-- end header -->
            <!-- Module - One full width text column -->
            <table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
              <tr>
                <td><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                    <tr>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                      <td width="39" bgcolor="#FFFFFF"></td>
                      <td width="650" valign="top" bgcolor="#FFFFFF"><font style="font-weight:bold;text-decoration:none;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; color: #222222; line-height:150%; "><span style="">Julen är här!</span></font></td>
                      <td width="39" bgcolor="#FFFFFF"></td>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td><table width="784" height="" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #5b656b; font-size: 14px; line-height:140%;">
                    <tr>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                      <td width="39" bgcolor="#FFFFFF"></td>
                      <td width="650" valign="top" bgcolor="#FFFFFF"><span style="Text">Då var det Jul igen och ännu ett år går mot sitt slut. Vi på Bredband2 vill passa på att tacka er för det gångna året, samt önska er en God Jul och ett Gott Nytt År! <br />
                        <br />
                        Ät gott och må bra!</span></td>
                      <td width="39" bgcolor="#FFFFFF"></td>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                    <tr>
                      <td width="28" height="30" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                      <td width="728" height="30" valign="bottom" align="center" bgcolor="#FFFFFF"></td>
                      <td width="28" height="30" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
            <!-- End of module -->
            <!-- Module - Blue - Two columns. Image to the left and text to the right. -->
            <table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
              <tr>
                <td bgcolor="#222376"><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                    <tr>
                      <td><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                          <tr>
                            <td width="28" height="30" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="39" height="30" bgcolor="#222376"></td>
                            <td width="650" height="30" valign="top" bgcolor="#222376"></td>
                            <td width="39" height="30" bgcolor="#222376"></td>
                            <td width="28" height="30" bgcolor="#222376"></td>
                          </tr>
                          <tr>
                            <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="39" bgcolor="#222376"></td>
                            <td width="650" valign="top" bgcolor="#222376"><table width="650" height="" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #EEEEEE; font-size: 14px; line-height:140%;">
                                <tr>
                                  <td width="340"></td>
                                  <td width="310" valign="top"><font style="font-weight:bold;text-decoration:none;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; line-height:110%; "><span style="">Du gillar - Vi donerar</span></font></td>
                                </tr>
                                <tr>
                                  <td width="340" height="5"></td>
                                  <td width="310" height="5"></td>
                                </tr>
                              </table></td>
                            <td width="39" bgcolor="#222376"></td>
                            <td width="28" bgcolor="#222376"></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td><table width="784" height="" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #EEEEEE; font-size: 14px; line-height:140%;">
                          <tr>
                            <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="39" bgcolor="#222376"></td>
                            <td width="650" valign="top" bgcolor="#222376"><table width="650" height="" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #EEEEEE; font-size: 14px; line-height:140%;">
                                <tr>
                                  <td width="310" valign="top"><table width="310" height="" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #EEEEEE; font-size: 14px; line-height:140%;">
                                      <tr>
                                        <td><div style="text-align: center"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&https%3a%2f%2fwww.facebook.com%2fBredband2%3fsk%3dapp_286959478022375"><img src="http://img.anpdm.com/Bredband2_Skandinavien/sos.jpg" width="310" align="center" alt="SOS Barnbyar" title="SOS Barnbyar" border="0" /></a></div></td>
                                      </tr>
                                      <tr>
                                        <td><img src="http://www.bredband2.com/newsletter/ftg/images/bb2-newsletter-default-christmas-shadow.jpg" width="310" height="10" align="top" /></td>
                                      </tr>
                                    </table></td>
                                  <td width="30"></td>
                                  <td width="310" valign="top"><span style="Text">Vi vill hjälpa de mest utsatta här i världen och ingen grupp är känsligare för konflikter, politiska maktskiften och katastrofer än barn. Därför donerar vi 10 kronor till <b><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.sos-barnbyar.se%2fPages%2fdefault.aspx" style="color:#ffffff;">SOS Barnbyar</a></b> för varje person som gillar <b><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&https%3a%2f%2fwww.facebook.com%2fBredband2%3fsk%3dapp_286959478022375" style="color:#ffffff;">vår facebooksida</a></b>.<br />
                                    <br />
                                    Allt du behöver göra är att klicka på en knapp! En god gärning har aldrig kostat mindre!<br />
                                    <br />
                                    Läs mer om kampanjen på <b><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fSOSbarnbyar" style="color:#ffffff;">www.bredband2.com</a></b>.<br />
                                    <br />
                                    <span style="font-size:9px;" align="right">Foto: SOS arkiv</span> </span></td>
                                </tr>
                              </table></td>
                            <td width="39" bgcolor="#222376"></td>
                            <td width="28" bgcolor="#222376"></td>
                          </tr>
                          <tr>
                            <td width="28" height="30" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="39" height="30" bgcolor="#222376"></td>
                            <td width="650" height="30" valign="top" bgcolor="#222376"></td>
                            <td width="39" height="30" bgcolor="#222376"></td>
                            <td width="28" height="30" bgcolor="#222376"></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FFFFFF"><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                          <tr>
                            <td width="28" height="17" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="728" height="17" valign="top" bgcolor="#FFFFFF"></td>
                            <td width="28" height="17" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-special-flip-bg.jpg"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-special-christmas-flip.gif" height="17" width="28" border="0" style="display: block;" /></td>
                          </tr>
                          <tr>
                            <td width="28" height="13" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="728" height="13" valign="bottom" align="center" bgcolor="#FFFFFF"></td>
                            <td width="28" height="13" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
            <!-- End of module -->
            <!-- Module - Two columns. Text to the left and image to the right. -->
            <table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
              <tr>
                <td><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                    <tr>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                      <td width="39" bgcolor="#FFFFFF"></td>
                      <td width="650" valign="top" bgcolor="#FFFFFF"><font style="font-weight:bold;text-decoration:none;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; color: #222222; line-height:150%; "><span style="">Glöm inte dina nära och kära!</span></font></td>
                      <td width="39" bgcolor="#FFFFFF"></td>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td><table width="784" height="" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #5b656b; font-size: 14px; line-height:140%;">
                    <tr>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                      <td width="39" bgcolor="#FFFFFF"></td>
                      <td width="310" valign="top" bgcolor="#FFFFFF"><span style="Text">Inför julen blir det lätt stressigt med alla inköp av julklappar där man vill göra alla glada.<br />
                        <br />
                        Till släkt och vänner som befinner sig långt borta  kan man skicka ett digitalt julkort som man kan göra lite personligt. Oftast handlar det om att man laddar upp bilder på personer som sedan utför olika danser som automatiskt sprider glädje. Här kommer några förslag!<br />
                        <br />
                        <br />
                        <a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.jibjab.com%2fholidays"><b>JIB JAB</b></a><br />
                        <br />
                        <a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fhost-d.oddcast.com%2felfyourself2012%2fhome.php"><b>Elf yourself</b></a><br />
                        <br />
                        <a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.cardfunk.com%2fen%2f"><b>Cardfunk</b></a><br />
                        <br />
                        <br />
                        </span></td>
                      <td width="30" bgcolor="#FFFFFF"></td>
                      <td width="310" valign="top" bgcolor="#FFFFFF"><table width="310" height="" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #EEEEEE; font-size: 14px; line-height:140%;">
                          <tr>
                            <td><div style="text-align: center"><img src="http://img.anpdm.com/Bredband2_Skandinavien/Xmasbild.jpg" width="310" align="center" alt="Glöm inte skicka julkort!" title="Glöm inte skicka julkort!" border="0" usemap="#754718_755t" />
                                <map name="754718_755t" id="754718_755t">
                                  <area shape="rect" coords="0,215,310,277" href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.cardfunk.com%2f" target="_blank" title="Cardfunk" alt="Cardfunk">
                                  </area>
                                  <area shape="rect" coords="0,120,310,180" href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fhost-d.oddcast.com%2felfyourself2012%2fhome.php" target="_blank" title="Elf Yourself" alt="Elf Yourself">
                                  </area>
                                  <area shape="rect" coords="0,24,310,81" href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.jibjab.com%2fholidays" target="_blank" title="Jib Jab" alt="Jib Jab">
                                  </area>
                                </map>
                              </div></td>
                          </tr>
                          <tr>
                            <td><img src="http://www.bredband2.com/newsletter/ftg/images/bb2-newsletter-default-shadow.jpg" width="310" height="10" align="top" /></td>
                          </tr>
                        </table></td>
                      <td width="39" bgcolor="#FFFFFF"></td>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                    <tr>
                      <td width="28" height="30" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                      <td width="728" height="30" valign="bottom" align="center" bgcolor="#FFFFFF"></td>
                      <td width="28" height="30" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
            <!-- End of module -->
            <!-- Module - Blue, one column text. -->
            <table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
              <tr>
                <td bgcolor="#222376"><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                    <tr>
                      <td><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                          <tr>
                            <td width="28" height="30" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="39" height="30" bgcolor="#222376"></td>
                            <td width="650" height="30" valign="top" bgcolor="#222376"></td>
                            <td width="39" height="30" bgcolor="#222376"></td>
                            <td width="28" height="30" bgcolor="#222376"></td>
                          </tr>
                          <tr>
                            <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="39" bgcolor="#222376"></td>
                            <td width="650" valign="top" bgcolor="#222376"><font style="font-weight:bold;text-decoration:none;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; line-height:150%; "><span style="">Tävlingen avgjord</span></font></td>
                            <td width="39" bgcolor="#222376"></td>
                            <td width="28" bgcolor="#222376"></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td><table width="784" height="" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #EEEEEE; font-size: 14px; line-height:140%;">
                          <tr>
                            <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="39" bgcolor="#222376"></td>
                            <td width="650" valign="top" bgcolor="#222376"><span style="Text">I vårt senaste nyhetsbrev hade vi en tävling där man kunde vinna en helikoptertur.<br />
                              Nu är tävlingen avslutad och vinnaren blev Henrik Öström från Medtryck.<br />
                              Rätt svar var Cisco ASR 9010.<br />
                              <br />
                              Vi gratulerar Henrik och önskar honom mycket glädje och spänning under flygningen!</span></td>
                            <td width="39" bgcolor="#222376"></td>
                            <td width="28" bgcolor="#222376"></td>
                          </tr>
                          <tr>
                            <td width="28" height="30" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="39" height="30" bgcolor="#222376"></td>
                            <td width="650" height="30" valign="top" bgcolor="#222376"></td>
                            <td width="39" height="30" bgcolor="#222376"></td>
                            <td width="28" height="30" bgcolor="#222376"></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FFFFFF"><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                          <tr>
                            <td width="28" height="17" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="728" height="17" valign="top" bgcolor="#FFFFFF"></td>
                            <td width="28" height="17" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-special-flip-bg.jpg"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-special-christmas-flip.gif" height="17" width="28" border="0" style="display: block;" /></td>
                          </tr>
                          <tr>
                            <td width="28" height="13" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                            <td width="728" height="13" valign="bottom" align="center" bgcolor="#FFFFFF"></td>
                            <td width="28" height="13" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
            <!-- End of module -->
            <!-- footer -->
            <table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
              <tr>
                <td height="170"><table width="784" cellspacing="0" cellpadding="0" align="center" border="0">
                    <tr>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-left-shadow.jpg"></td>
                      <td width="728" background="http://www.bredband2.com/newsletter/ftg/images/footer-black-bar.jpg" bgcolor="#111111" height="152" valign="top"><table width="728" cellspacing="0" cellpadding="0" align="center" border="0">
                          <tr>
                            <td width="39"></td>
                            <td><table width="380" cellspacing="0" cellpadding="0" align="center" border="0">
                                <tr>
                                  <td width="380" height="43" valign="bottom" style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 15px; font-weight: bold"> Kontakta oss </td>
                                </tr>
                                <tr>
                                  <td width="380" height="42" valign="top" style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; line-height:150%;"> Har du funderingar över ditt företags kommunikationslösningar?<br />
                                    Kontakta din representant på Bredband2, eller ring <a href="tel:0770-811020" style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; line-height:150%; text-decoration: none;">0770-811020</a>. </td>
                                </tr>
                                <tr>
                                  <td width="380" height="67" valign="top"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-bredband2-logo.jpg" alt="Bredband2" border="0" style="display: block;" /></a></td>
                                </tr>
                              </table></td>
                            <td><table width="270" cellspacing="0" cellpadding="0" align="center" border="0">
                                <tr>
                                  <td width="270" height="43" valign="bottom" style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 15px; font-weight: bold"> Bredband2 AB </td>
                                </tr>
                                <tr>
                                  <td width="270" height="109" valign="top" style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; line-height:150%;"> Organisationsnummer <span style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; line-height:150%; text-decoration: none;">556424-8747</span><br />
                                    <a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fprivat%2fpersonlig" target="_blank" style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration: underline;">Policy om personuppgifter, cookies &amp; copyright</a><br />
                                    <a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2ffaq%2fintegritet-och-personuppgifter" target="_blank" style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px;  text-decoration: underline">Integritetspolicy</a><br />
                                    <a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fforetag%2fkundtjanst%2fkontakt" target="_blank" style="font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px;  text-decoration: underline">Kontakta oss</a><br /></td>
                                </tr>
                              </table></td>
                            <td width="39"></td>
                          </tr>
                        </table></td>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-right-shadow.jpg"></td>
                    </tr>
                    <tr>
                      <!-- bottom bar -->
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-bottomleft-shadow.jpg"></td>
                      <td height="78"><table width="728" cellspacing="0" cellpadding="0" align="center" border="0" style="font-family:Arial, Helvetica, sans-serif; color: #5b656b; font-size: 11px;">
                          <tr>
                            <td background="http://www.bredband2.com/newsletter/ftg/images/newsletter-bottom-shadow.jpg" height="78" width="603" align="left" valign="middle">Detta mail går inte att svara på, men ring oss gärna på <span style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; line-height:150%; text-decoration: none;">0770-811020</span>.<br />
                              Vill du inte få fler mail av oss? <unsubscribe style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; text-decoration: underline;font-weight: bold;">Klicka här för att avregistrera dig från vårt nyhetsbrev.</unsubscribe></td>
                            <td height="78" width="64" align="left" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-footer-2.jpg"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.bredband2.com%2fbredbandskollen" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-footer-2-invicible.gif" alt="Bäst i test på Bredbandskollen!" height="78" width="64" border="0" style="display: block;" /></a></td>
                            <td height="78" width="61" align="left" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-footer-3.jpg"><a href="http://tr.anpdm.com/track?t=c&mid=5187744&uid=269309087&&&http%3a%2f%2fwww.integrity.st%2f" target="_blank"><img src="http://www.bredband2.com/newsletter/ftg/images/newsletter-footer-3-invicible.gif" alt="iNTeGriTY" height="78" width="61" border="0" style="display: block;" /></a></td>
                          </tr>
                        </table></td>
                      <td width="28" background="http://www.bredband2.com/newsletter/ftg/images/newsletter-bottomright-shadow.jpg"></td>
                    </tr>
                  </table></td>
              </tr>
              <!-- footer end -->
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Here are screenshots in Gmail:
http://f.cl.ly/items/2D2Q193a0H2l2N0a2z1u/Screenshot%2019:12:12%201:15%20PM.png
http://f.cl.ly/items/1j1u043J0j3Y431q3z13/Screenshot%2019:12:12%201:16%20PM.png

If you come across any further issues, be sure to let us know :)


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

Thank you, I will check it out. Could you tell me what you changed?

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