Sending Html Through Email - Formatting Issue

i have few different HTML files which i'd like to send to in email (Not as attachment, but as HTML email). Now those HTML files contain different type components like Images, Table

Solution 1:

Email clients are all over the place for their support of CSS and HTML. You really have to structure it like a 1990's website, using tables, br, etc. Campaign Monitor has a really good guide on email clients and what elements they support. I'd start there for your references. https://www.campaignmonitor.com/css/

It may be useful to start with an email template too. Zurb has some good ones at http://zurb.com/playground/responsive-email-templates and http://zurb.com/ink/templates.php.

Solution 2:

To be honest, you are probably going to have to change your page around a little bit. As you quickly found out, email clients (and Gmail in particular) don't support full HTML. I'm especially concerned with your SVG elements.

I would recommend (as a first step) to turn the SVG into images (PNG is probably best) and see how much more work you have to do.

The next step would be styling. https://www.campaignmonitor.com/css/ gives a very good list of what CSS you can use in emails, but not that for many email clients, you cannot use external stylesheets, but must use tags.

Good luck!