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

Home Forums CSS CSS Noob and HTML Email Disaster

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #45894

    I’m so annoyed.
    I’m the first to admit that I have no idea what I’m doing, but doing HTML emails and using CSS in them has me so frustrated.
    I’m sure this is my crappy custom coding from a ThemeForest template, but I was wondering if someone would look at this and tell me why I’m getting these two issues. I have attached the results from an gmail account and the wonderful Outlook 2010 result.
    [Here’s the page for the email.. Don’t laugh]( “HTML email attempt”)
    [Gmail Result]( “Gmail Result”)
    [Outlook Result]( “Outlook Result”)
    Note: The HTML email template has the the CSS rules WITHIN the body tag.. is this weird?

    Thanks In Advance


    I am totally out of practice with coding eblasts, it is a pain.

    The only way to even do a good job at creating your own is to pay for testing software like

    Also probably also has really good templates, since they are pretty respectable (but I haven’t used it).


    HTML email is just a nightmare. If you’ve no experience with HTML or CSS you’d be far better using a service such as mail chimp.


    I work for a magazine fulfillment company and lets just say I’ve done my fair share of building emails for eblasts. Here are some tips:

    1. USE TABLES and only TABLES.
    2. Inline style everything.
    3. All email clients strip CSS and Javascript.

    Here is a good site to reference what tags can and can not be used.


    To fix the Gmail issue, you might have to make the image within the A tag a block-level element. Just add style="display:block;" to the IMG tag and see if that fixes it.

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