Need Help - HTML Email

2 replies
  • WEB DESIGN
  • |
Quite new to HTML emails and having a little trouble getting it to look right.

It's 6 images with 2 images at the bottom needing text over them.

Looks good online: http://www.free2read.co.uk/blah/email.html

Looks good in Safari on Mac & iPhone, doesn't look too bad in Outlook but looks terrible in Hotmail.

I think its the DIVs in the <td> tags.

Any ideas?

Thanks.
#email #html
  • Profile picture of the author David V
    Designing html emails is a bit of a nightmare, even for experienced coders. It's completely old school coding and not consistent across multiple email platforms.

    Your right on the fact that you need to lose the div's.
    As far as outlook & hotmail, or any other client for that matter, you need to adjust styles specifically for that client (and always keep inline).

    Here is a link to a table/chart that will help you with compatible tags to use.

    Probably the best way to learn to code one correctly and be 95% compatible is to buy a well coded template and study it.
    (themeforest.net has a few very good ones)
    The html boilerplate could also prove very useful.
    {{ DiscussionBoard.errors[7652724].message }}
  • Scott,

    As mentioned by David, coding an HTML email is pretty challenging because unlike websites where there are only a handful of browsers to worry about, with email there are dozens and dozens of different providers that will all interpret your code differently.

    Two things:

    You could save yourself a lot of time and headache by just using a service like constant contact or something similar that already has email templates you can use.

    Also, I would avoid using too many images in your email (or avoid it entirely). Images will almost never be allowed by an email provider and they cause extra steps for users to permit them to be downloaded.

    Hope that helps,

    Shawn
    Signature
    Outsource to the experts...

    We customize your Blog, eBook, Press Release and Sale Copy content with your message.

    {{ DiscussionBoard.errors[7667323].message }}

Trending Topics