Bulletproof Background Image

HI,

I've used Stigs VML generator code (http://backgrounds.cm/) with great anticipation, but find no luck with the background image showing in

Outlook 2007
Outlook 2010
Outlook 2013

All the above just render the background colour.

Here's my code:

                    <tr>
                        <td background="http://i.imgur.com/GAoeVYP.jpg" bgcolor="#7bceeb" width="598" height="271" valign="top">
                              <!--[if gte mso 9]>
                              <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:598px;height:271px;">
                                <v:fill type="tile" src="http://i.imgur.com/GAoeVYP" color="#daf0fa" />
                                <v:textbox inset="0,0,0,0">
                              <![endif]-->
                          <div>
                            <table width="598" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td width="37" valign="top">&nbsp;</td>
                                       <td width="530" valign="top">
                                        <table width="530" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                              <td width="530" valign="top" style="font-size:12px; line-height:15px; font-weight:bold;text-align:left;">
                                              <br />
                                              Text content here

</td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                          </div>
                              <!--[if gte mso 9]>
                                </v:textbox>
                              </v:rect>
                              <![endif]-->
                          </td>
                    </tr>

Anything obvious?  or was the 'Bulletproof' element short-lived?!

I also tried a test removing the nested table within the div:

                    <tr>
                        <td background="http://i.imgur.com/GAoeVYP.jpg" bgcolor="#daf0fa" width="598" height="271" valign="top">
  <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:598px;height:271px;">
    <v:fill type="tile" src="http://i.imgur.com/GAoeVYP" color="#daf0fa" />
    <v:textbox inset="0,0,0,0">
  <![endif]-->
  <div>
<p style="padding-left:37px; font-size:12px; line-height:15px; font-weight:bold;text-align:left;">
                                              <br />
                                              Text content here
</p>
</p>
                          </div>
  <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
</td>
                    </tr>

But had exactly the same result.

Would LOVE to get this working!!

Best,
Tony

JD JD, 2 years ago

Hey Tony! Just a quick look at the code (as being the expert, Stig, may need to take a closer look) - it seems like you may want to use the actual link to the graphic in the vml code, rather than the below:

<v:fill type="tile" src="http://i.imgur.com/GAoeVYP" color="#daf0fa" />

So, possibly this:

<v:fill type="tile" src="http://i.imgur.com/GAoeVYP.jpg" color="#daf0fa" />

If you're still having trouble, you may want to send us a support email so our gurus can have a deeper look. Thanks!


JD
Campaign Monitor Support
tc-uk, 2 years ago

Hi JD, thanks for your reply.  Unfortunately adding the .jpg extension makes no difference to the outcome.  I'll email support.

Best,
Tony

Frendina, 2 years ago

Given the last post was 3 weeks ago, you probably solved this by now, but I used similar code recently and it works for me. I have modified it with your image, etc. In my case, I wanted the row to be clickable as well, so I left that bit of it. Hope it helps.

<table align="center" width="598" height="271" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="http://i.imgur.com/GAoeVYP.jpg">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml"; href="http://www.campaignmonitor.com" target="_blank"; id="theImage" style='behavior: url(#default#VML); display:inline-block;position:absolute; height:271; width:598px;top:0;left:0;border:0;z-index:1;' src="http://i.imgur.com/GAoeVYP.jpg"/>
<![endif]-->    
    </td>
  </tr>
</table>

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