Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS email marketing production… help with hotmail!

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #28777

    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
    Our new website is now online. Visit Now
    Includes new features designed to make your planning experience easy and fun! 3D images allow you to virtually tour selected items. Action Videos allow you to see games in real time!
    About Hart Entertainment

    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!

    Hart Entertainment: Amusement Solutions for Special Events
    1-877-987-HART | 416-762-2200 www.hartentertainment.com info@hartentertainment.com
    Click Here to Unsubscribe





    Any help would be greatly appreciated.

    Thanks.

    #79015
    nickreid
    Member

    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/

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.