- This topic is empty.
April 19, 2010 at 12:44 pm #28777exsite_interactiveMember
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].
Any help would be greatly appreciated.
Thanks.June 28, 2010 at 3:39 pm #79015nickreidMember
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 blocksCode:
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/
- The forum ‘CSS’ is closed to new topics and replies.