Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What html/css attributes are mail safe?

I have recently been developing a newsletter for a client of mine. How ever I can't seem to find good information on what css and html are safe to use in the major mail clients.

I thought that maybe there are people here that have the knowledge and we can create some sort of list of things that work in major mail clients.

This is a list of popular mail clients I borrowed from campaign monitor. (If I forgot somthing please tell me)

Microsoft Outlook
Apple Mail
Hotmail
Yahoo! Mail
Gmail

The question is what tags, attributes, special quirks are there in these major browsers and how can they be easily avoided.

Thanks for the help,

like image 905
Pablo Jomer Avatar asked Oct 16 '12 18:10

Pablo Jomer


People also ask

What type of CSS is most reliable for use in HTML email?

Use inline CSS. According to Litmus research, 86% of email designers inline their CSS. The benefit of using inline CSS is that most email providers will support this style, which means you're likely to get the best results without running into any formatting trouble.

Can HTML emails have CSS?

CSS will work in HTML email but it has limitations. In general, very simple CSS is always best when you code for email. These are our recommendations for how to use CSS in HTML email and some information to help you troubleshoot CSS-related issues.

What is CSS for email?

Email development involves a combination of HTML and CSS, or Cascading Style Sheets. While HTML structures the content and layout of the email, CSS inlining in email is used to style and format the content—like including link colors and headline fonts.


2 Answers

There is a detailed and comprehensive list of CSS support in common mail clients at Campaign Monitor.

http://www.campaignmonitor.com/css/

like image 125
Tomalak Avatar answered Oct 14 '22 16:10

Tomalak


You can find a comprehensive list of supported and non-supported CSS features for all major email clients at Email Standard Project

A really useful bootstrap for developing HTML emails, which has a ton of discrepancy eliminators is HTML Email Bolerplate

And as a general rule - always use tables and all the old-school HTML tags ( align, center, valign, color etc. ). Some reading on the topic.

like image 31
Zoltan Toth Avatar answered Oct 14 '22 15:10

Zoltan Toth