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, 3 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, 3 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, 3 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>

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098