Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Apr 2010
    Posts
    417
    Thanks
    4
    Thanked 1 Time in 1 Post

    CSS in email html, layout not showing same as web browser does

    I have created my email layout in Dreamweaver using html with doctype, html, head and body tags and it shows ok in IE and Firefox and in Windows Live Mail I have placed all of the CSS inside the email code inside the head tags.

    When this is emails to someone with Outlook, Outlook completely changed the html and the CSS section ?!

    How do I prevent this from happening or better still how to code this so that Outlook does not have to change anything.

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    You're in for a world of hurt

    HTML emails suck. Trust me, I've been there.

    Some references:
    http://24ways.org/2009/rock-solid-html-emails
    http://www.campaignmonitor.com/css/

    And the save all awesome tool:
    http://inlinestyler.torchboxapps.com/


    Basically, emails to be the best cross platform, need to have all the styling inline. This is a royal pain doing it by hand. The converter I linked to takes your beautifully coded HTML and CSS and spits out the inline crap the clients need to be able to not crap themselves.

    I've used it successfully and I have to code for:

    Outlook 2004
    Outlook 2007
    Lotus Notes
    Gmail
    Hotmail
    Yahoo
    Thunderbird
    Outlook Webmail

    have fun
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •