CSS Tips for Email Newsletters

Well, you are a Web Designer or HTML expert. Perfect!

You created beautiful HTML for Email Newsletters, but suddenly you noticed that your pretty designs appear different on some Email Clients (Hotmal, Gmail, Yahoo, Outlook, etc). That sucks!

Here are some CSS tips that we suggest you:

  • Never use the <style> tags. Use only inline CSS. Fortunatelly Ether Mailer offers a CSS Inline Conversion Tool to automatically convert all tags to inline CSS! Hooray!
  • Avoid background images. Outlook, Gmail and other Email Clients ignore background images and do not display them. Consider using a background color instead.
  • Do not use css margins at all. CSS Margins are ignored by many email clients. Preferable create your HTML using nested tables. Assign the padding on thetags or use cellpadding on thetags.
  • Do not ever use css positioning and float tags. They just don’t work in most Email Clients. Avoid colspan and rowspan. They are unpredictable. Use nested tables instead.
  • Avoid colspan and rowspan. They are unpredictable. Use nested tables instead.

 

Write a Reply or Comment

Your email address will not be published. Required fields are marked *

Start sending now. Try our free plan and get 10.000 emails for free!

Create your new account. It's just a few steps!