Use VML to create Outlook friendly background images in <table> and <td> tags

Use VML to create Outlook friendly background images in <table> and <td> tags

Issue: MS Outlook does not display background images in <table> or <td> tags. This means that text in a graphic is not able to be viewed by our readers unless an option is selected to download images. It also means that to use images, the text must be on the graphic itself.
 
Resolution:
Using the custom code advanced editor, use VML code similar to the following:
 
<td background="http://i.imgur.com/YJOX1PC.png" bgcolor="#7bceeb" width="640" height="130" valign="top">
  <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:130px;">
    <v:fill type="tile" src="http://i.imgur.com/YJOX1PC.png" color="#7bceeb" />
    <v:textbox inset="0,0,0,0">
  <![endif]-->
  <div>
 
This text appears on top of the image, even in MS Outlook.
 
  </div>
  <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
</td>
 
Suggestion to Constant Contact: It would be great if this code were able to be used in the template editor or even have a tool button  created that automatically inserts this code (WYSIWYG).
 
Urgency level: This is the next great innovation in email marketing technology.
2 Comments
Moderator
Status changed to: New
 
Moderator
Status changed to: Closed - No Action