email marketing production… help with hotmail!

[exsite_interactive]

I am doing some email marketing and so i am using tables-based production with inline CSS…. limited css here as most of the stuff being used is images. Anywyas, i saw the css-tricks screen-cast on email production (https://css-tricks.com/video-screencasts … tml-email/) and the article (https://css-tricks.com/using-css-in-html … eal-story/).

I have designed and produced my email and it looks great in most email clients except one… HOTMAIL.

Hotmail is giving me about a 2 pixel bottom margin on every table row and im not sure whay and hwo to get rid of it. Ive tried firebugging to find the problem and no luck.

Here is a screenshot from hotmail that shows the problem, I am using Firefox on a Mac. http://www.exsite.ca/hart/edm_01/hotmail.png

Here is my email HTML code, everything is direct paths so if you just copy/paste this in a new HTML file it will display properly.

Code:

Copyright (c) 1996-2010 Constant Contact. All rights reserved. Except as permitted under a separate
written agreement with Constant Contact, neither the Constant Contact software, nor any content that appears on any Constant Contact site,
including but not limited to, web pages, newsletters, or templates may be reproduced, republished, repurposed, or distributed without the
prior written permission of Constant Contact. For inquiries regarding reproduction or distribution of any Constant Contact material, please
contact [email protected].

Hart Entertainment is your one stop shop for all your entertainment needs! We provide games and entertainment for Corporate Functions, Team Building Events, School Fun Days, Trade Shows, Fun Casinos, Weddings, Promotional Events, Bar/Bat Mitzvahs and so much more! Visit us online!

Any help would be greatly appreciated.

Thanks.

[nickreid]

So, this was a few months ago, and you probably found the answer somewhere else . . .

but the problem you are having is you needs to style your img’s as display:block; — that way they will not have that little bit of extra space

depending on how screwy my total design is, i either inline style each img as display:block; or since hotmail allows style blocks

Code:

Hotmail does this because hand wavy answer here and it sucks (yea, that’s opinionated)

There are also email inline stylers . . .my personal fav is http://inlinestyler.torchboxapps.com/

[Author]

Posts