Email On Acid Outlook fixes

In notebook:
Article Notes
Created at:
2016-01-26
Updated:
2016-01-26
Tags:
email
www.emailonacid.com/images/blog_images/downloads/2014/wp_outlook.pdf?utm_campaign=Auto-responder Free Trial/CC -- 3 (Converted Autoresponder)&utm_medium=email&utm_source=EOACLK

White gaps between image in Outlook 2013

The Fix: Set line-height and height for each TD to be the same height as the image it contains

Only for images smaller than 20px high.

Add css padding to TD elements

If you add it to a H1 element for example, the css defintion might be moved to an inline SPAN element as the Outlook engine converts your markup

Gaps between tables

Fix:

css: table {border-collapse: collapse;} html: <table border="0" cellpadding="0" cellspacing="0">

Keeep tables below 1790 pixels

For background images

http://emailbg.net/

Use MSO to control line height.

<td style="mso-line-height-rule:exactly; line-height:50px;">

TD's height is set at a minimum of 2px high

Remove 1px border on tablecells

table td { border-collapse: collapse; }