StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Background DOES work in Outlook, but only in the <code><body></code> tag of the email. It won't work in individual <code><td></code>'s, only the whole email. </p> <blockquote> <p>UPDATE: Alternatively you can <a href="http://backgrounds.cm/" rel="noreferrer">use the VML method</a> which allows you to add background images to individual page elements in Outlook.</p> </blockquote> <p>This works in most clients including Outlook:</p> <pre><code><body style="background-image: url('img.jpg');"> <table width="100%" background="img.jpg"> </code></pre> <p>Here is the full code that works in all major email clients including Outlook. It has background-image set with fallback to background in a 100% width table. </p> <pre><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body style="margin: 0px; padding: 0px; background-image: url('http://lorempixel.com/output/food-q-c-100-100-7.jpg'); background-color: #0D679C; background-position: top center;" bgcolor="#0D679C">  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" background="http://lorempixel.com/output/food-q-c-100-100-7.jpg"> <tr> <td>  <table width="800" border="0" valign="top" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td height="1000" align="center" valign="middle"> Center panel </td> </tr> </table>  </td> </tr> </table>  </body> </html> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload