TG2
VML Background in Outlook 2007
I recently started having issues getting emails to display background images in Outlook '07 using code from Backgrounds.cm. I included a snippet below. Outlook 2010 and 2013 are good, but the Litmus email preview hangs for Outlook 2007. Take out v:rect xmlns:v="urn:schemas-microsoft-com:vml" and it displays the preview (sans the background image, though).
I've yet to get my hands on an actual copy of Outlook 2007, but has anyone else experienced something like this?
<td background="http://homexblogs.wpengine.netdna-cdn.com/heassets12/files/DP001-LN-004-01.jpg" bgcolor="#1e8dae" valign="middle" style="text-align: center; background-position: center center; background-size:cover;">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:660px;height:270px;">
<v:fill type="tile" src="http://homexblogs.wpengine.netdna-cdn.com/heassets12/files/DP001-LN-004-01.jpg" color="#1e8dae " />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div>
<!--[if mso]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
<tr>
<td align="center" valign="top" width="450">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:500px;">
<tr>
<td valign="middle" style="color: #ffffff; text-align: center; padding: 50px 30px; font-family: 'Roboto', sans-serif; font-size: 18px; mso-line-height-rule:exactly; line-height:1.2;">
Traveling without spending a fortune isn’t always easy. And sometimes you just don’t want to sleep on the sofa or stay in Aunt Barbara’s guest room (no disrespect to Aunt Barbara).
<br><br>
Use these clever ideas from the HomeExchange Team to make the most of your travel budget without feeling like you’re cutting corners.
</td>
</tr>
</table>
</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>
I don't have an explanation why what I've done has fixed it but just that it worked
Hopefully this will work for you.
The main this is that i changed the outlook conditional statement to target all of outlooks versions rather than just one rendering engine
Hope this helps
Thanks so much Adam! I pasted your code in and Outlook rendered, but it was missing the top portion. I dove deeper this morning and I think this bug was caused by a missing
<!--[if mso]></td></tr></table><![endif]-->after the text. Probably would have been easier to see if our code blocks above were formatted :)Thanks so much for helping me look at this!
I got you, Ted.
Just a PSA that there are currently two ways to format code in Community. The preferred method is to use a Builder embed, which has the added benefit of showing the rendered email and allowing people to click through to the code. For smaller bits of code, you can always use the triple back-tick option in Markdown.
That being said, I'll be the first to admit that we need to devote some time to refining code formatting and posting in Community. Would be great to auto-detect code and format appropriately, but we've run into some limitations with Markdown. Hopefully we can work it into a sprint soon.
Thanks man! I thought I did the triple back-tick, but whatever you did got these formatted. Cheers.
https://litmus.com/builder/d3306bb