containing the image and VML. Hey Dave, thanks for your questions. [endif]--> Email clients are constantly changing, which is why its important to test your email every time; what worked yesterday might not work today. Right aligning the content can be done with

, but this can result in some unwanted spacing. xTwIzZ, I'll put all the VML code in Outlook-specific conditional comment. This snippet enables you to add an editable background image, that is supported in Outlook 2007/10/13 and Windows 10. Your email address will not be published. As mentioned, VML inside of VML causes issues in Outlook, and may vary in the degree of issues depending on the version of Outlook used as well as the position in the entire document. can i use something like repeat? Windows 10 also has similar quirks, but needs even more information than earlier Outlook versions, mainly the width and height being in point (pt) format instead of pixels. HTML Background Images in Email: A Cheat Sheet. https://app.emailonacid.com/app/acidtest/WQh5WB8FRH2oieXUSBYyogUrmM3yJzYDxBywqJFFXYeot/list, https://www.emailonacid.com/blog/article/email-development/emailology_vector_markup_language_and_backgrounds/, Email Deliverability Tools: InboxReady Updates and Whats Coming in 2023, Successful Email Marketing: Good Habits and Best Practices for 2023, Top 5 Reasons Your Emails Land in the Spam Folder. css How can citizens assist at an aircraft crash site? this can be as a fallback or in addition to a CSS gradient: background: linear-gradient(#000000, #f4f4f4); Lastly, you can define the v:textbox positioning to show youll be layering additional content over the above rectangle (v:rect) and image (v:image). In my code they are there. To do so, add a class to the table and elements that need to be responsive (e.g. I am creating an email which has to be look good on Outlook. Any ideas on how to fix this? Hi Geoff, for some odd reason my background images still dont render in Office 2010. We provide a complete guide on how to create successful campaigns, from establishing goals to building your list. This topic describes VML, a feature that is deprecated as of Windows Internet Explorer 9. Definition and Usage It's about 15% of the width of the email and perhaps 20% the height. Whats the difference between HTML and CSS? Any space not covered by the background image will be filled by the background-color. And if you set a VML element to "mso-width-percent: 1000" (100% width), it bases the rendered width on the full email/viewport width, while still adding 10px margins on each side. To center the content horizontally, you can replace the