StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POOutlook line-height ignored html mail
text
Body
copied!<p>I created a short and simple HTML email for a newsletter. Everything displays perfectly on gmail and hotmail. However on Outlook there's some space between the images. Checking with firebug I can see that my line-height was ignored and the whitespace I'm seeing is actually the line height of my td. Here's a part of my code : </p> <pre><code> <tr> <td width="10" height="80" style="line-height:0px; line-height:0; border-right:1px solid #9cc020;">&nbsp;</td> <td width="15" height="80" style="line-height:0;" >&nbsp;</td> <td width="560" height="80" colspan="5" style="line-height:0;"> <img src="http://infos.mycookit.com/img/PL01bis/c1.jpg" alt="avec le code CHAMP" width="560" height="80" style="display:block"> </td> <td width="10" height="80" style="line-height:0; border-left:1px solid #9cc020;">&nbsp;</td> </tr> </code></pre> <p>I have also tried setting font-size to 0, different ways for setting the line-height (%, em, px). I also removed the unnecessary white space between my tds and my imgs but line-height is just ignored completly. If I change it in firebug it works though. So I know the issue is none other than that. </p> <p>Is there a way around this?</p> <p>---edit----- Oh and I also tried pretty much everything on this thread : <a href="https://stackoverflow.com/questions/8980956/line-height-not-working-in-outlook-2010-for-html-email?rq=1">Line-height not working in Outlook 2010 for HTML Email</a> including the weird hack.</p>

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