3

I am trying to create an html email, it shows fine in the browser (uses base64 images as well) but in outlook, it changes the layout as it completely omits certain blocks of text and the images display as grey? And then in gmail it shows as basic un-styled html?

Browser:

browser

Outlook:

outlook

Gmail:

gmail

Any ideas on how I can fix this?

Community
  • 1
  • 1
Haring10
  • 1,517
  • 1
  • 19
  • 37
  • Here is the jsfiddle: `http://jsfiddle.net/vsdg6212/` – Haring10 Oct 16 '14 at 08:14
  • CSS support in email clients is extremely varied, so it's best to use inline styles. This question answers why you are not seeing images: http://stackoverflow.com/questions/16242489/send-a-base64-image-in-html-email – Hidden Hobbes Oct 16 '14 at 08:21

2 Answers2

3

Most email clients filter out/remove certain css tags. If you want to generate a html email that is well supported in most email clients, please take a look at this grid showing which css tags are supported in which browser (for cross client compatibility):

https://www.campaignmonitor.com/css/

Adriano Repetti
  • 65,416
  • 20
  • 137
  • 208
Latheesan
  • 23,247
  • 32
  • 107
  • 201
0

You need to put everything in a table and should use embedded css. If you're using external css, this may not work on outlook or some other e-mail clients

Arushi Agrawal
  • 619
  • 3
  • 10