Improve your ‘look’ on OUTLOOK

Email Marketing Tips

When Outlook tries to re-design your

mailers the way it likes…

Here is what you can do…

When Outlook ignores margin and padding on

images

• Outlook 2007-13 do not support the margin or padding CSS properties when placed within an image.

• For this try using hspace and/or vspace or add the additional spacing to the image itself (in pixels).

<img src="http://www.*********.com/example.jpg" align="left"

vspace="10" hspace="10" />

When the text doesn't wrap automatically in

Outlook.

• If we have text within a table, for instance “aaaaaaaaaaaaaaaaa” and we want it to wrap, try adding this style.

<td style="word-break:break-all;">

When Outlook adds a 1px border to table cells.

• If we are using a background colour in your table cell, we'll see a 1px white border around the contents of the TD.

• To fix, simply add the following to your embedded styles:

Or add it inline

table td { border-collapse: collapse; }

<td style="border-collapse: collapse;">... </td>

When Outlook sometimes ignores link styling.

• Outlook 2007 and 2010 do NOT support inline styles IF the “a” tag does NOT include an “href” attribute

This can be changed into

<a style="font-size: 20px; color: #004990;">Shop

Flooring </a>

<a href="http://www.test.com" style="font-size:

20px; color:

#004990;">Shop Flooring </a>

If spacing is important, avoid using lists.

• The safest way to get consistent results is to use a table instead:

<table cellpadding="2" cellspacing="2" border="0">

<tr>

<td valign="top">•</td>

<td>Test</td>

</tr>

<tr>

<td valign="top">1.</td>

<td>Test</td>

</tr>

</table>

Use cellpadding and cellspacing with tables.

• Avoid using “margin” or “padding” CSS properties in your TABLE tag. Cellpaddingand Cellspacing attributes are generally safe.

• If we are using an align attribute on our table, use this

<table align="left">

Follow these steps and find your way through the

Outlook alterations!

• URL

http://www.icubes.in

• Blog

http://icubes.in/blog