Gmail breaks the formatting of my HTML email? - html

I am attempting to create an HTML newsletter to send out. I have created the newsletter in Microsoft Publisher and exported it to HTML. I then open the HTML file and select all and paste it into a Gmail draft. In the preview, the newsletter looks great but when I send it to myself and receive it, Gmail completely breaks the formatting and pushes all the text below the image. When I tested this with my AOL email, the formatting was fine and the text was on top of the image where its supposed to be. I even tried using Mailchimp to code the newsletter and it also appeared to be fine but when I sent it to all my emails, Gmail was the only one that broke the format. The email looks perfect on AOL and even on my iPhone Mail App which is connected to my Gmail. What am I doing wrong?

It looks to me like the columns are being lined up wrong, but from the code you have sent this is probably the least of your worries. Creating a html email in Microsoft Publisher is a bad idea. You might be better using something like mailchimp's free builder and copying the html out of that (or even just sending from there)

Related

How to remove underline from hyperlink in outlook as well as gmail

I am new to creating emailers. I added strong tag after anchor tag, which removed underline from outlook but now it's coming in gmail. How to disable this for both, tried a lot and gave up!
my codes are
<strong>Getting Started with Our Services</strong>
gmail to gmail, outlook to outlook it's working, but when I send outlook to gmail or gmail to outlook, underline is coming in all the hyperlinks :(
There's nothing wrong with the line of code that you are using, however you can add !important if perhaps there is something in the embedded CSS (in the <style> section in the <head>).
I.e.
<strong>Getting Started with Our Services</strong>
However, I suspect your issue is with the fact that you are sending emails from one service to another. If you are forwarding emails, the format changes are difficult to predict. That is not the way to test the email. You need to send the email from the HTML directly. You can do that via your ESP, or via a service such as Putsmail (by Litmus).

How to code propper HTML mails for MS Outlook

I am developing an php app which sends finally styled html mails with PHPMailer, inlcuding logos etc.. A number of mail apps receive and displays this mails perfect, but not Outlook on PC. It simply ignores all : HTML code and simple text. Weired.
Does anyone can give some hints what to do , where to look to satisfy MS Outlook ?
This question is NOT about common HTML programming issues but about WHAT does OUTLOOK need to get satisfied to show html mails. I red that OUTLOOK uses Word to render mails. So which kind of HTML does Word expect ?

Outlook 2010 HTML Display: Newsletter displays fine on one's computer, but not another

Most of us in our office environment uses Outlook 2010 for our email needs. We'll eventually upgrade to higher versions of Office, but that may be sometime later.
I have worked with a vendor to create an internal email template, to be used by a colleague who is meant to just input text within the template and send it out. The odd part is the template works well on my computer, but not on the colleague's. The vendor has already optimized the template to be good for Outlook 2010.
On my colleague's computer, it seems like the template has added additional padding between the images or table cells. The email she'll eventually send out will have this additional padding as well.
Is there any settings I need to do on her Outlook 2010 settings?
NOTE: It's in HTML, and not saved as an Outlook Template yet.
Display A = How it looks like on your com
Display B = How it looks like on colleague
You copied the HTML code and it turns out to be Display A. However, when you sent, Outlook converts the HTML into their syntax, which in this case you will see a mso in front of some CSS classes.
The resulted display on your colleague is Display B, the modified version by Outlook. When she forward or send out this email, she will be sending out with mso tag as well and not in the HTML format you sent.

Inline/Base64 Images in GMail

It's quite common for users to paste screenshots from their computer's clipboard into the body of an email but there seems to be problems associated with this.
The main one is that GMail doesn't seem to render the mails (Lotus Notes does) but in some cases shows no image or the actual HTML:
I've posted the decoded HTML of the mail here: http://cl1p.net/base63emailex and it renders in IE11 and Chrome just fine.
The relevant RAW mail body is available here: https://cl1p.net/base63emailexraw
1) Why does GMail not render the images.
2) Is there a better way of offering users the simple Ctrl+V method of embedding images.
I mean this is 2015 and users of mail clients creating attachments for each image is surely something from the dark ages of computing...

Mailto Link Not Working in Hotmail

So I have an html email that I am creating for my company for an email campaign we are going to be sending soon for an organization we represent. It contains 2 primary links, one to email a person at the organization we represent, and one to go to the landing page on the site of the organization. The landing page link works fine, the mailto: link does not when the email is viewed from Hotmail. It works on other clients besides Hotmail including Gmail and Outlook.
This is not because the computer which I am testing on does not have an email client installed. It has Outlook 2010 installed and registered as the mailto application. When mailto links are clicked on other sites (not hotmail) they work great...outlook launches a new message window as it should and fills in the subject and email. When we went to test on Hotmail, it shows the mailto link in the status bar, but no action occurs when you click the link. It's as if the link was not a link at all.
This is the link we are trying to use: (edited slightly for privacy)
<div class="button">Email a Resident Advisor</div>
This is placed within an html table cell. It has some basic css styling applied (all embedded in the html email itself). The button class is just designed to make the link stand out in the email...give it a red border and bold the link.
To be much more clear:
Works:
Gmail - IE9, Chrome, Firefox
Outlook - worked.
Does not work:
Hotmail - All browsers tried
The email was sent using the preview function of CampaignMonitor (handled by our QA guy, I don't have access to it as I'm rather new to the company).
I just need to figure out a way to make this work. Thanks in advance.
Two other programmer and I spent 2 days dealing with this problem earlier this week. I don't have the relevant links handy, but the long and short of the story is that this is a known issue and currently unresolved.
mailto: links will under no circumstance, work in Hotmail, they are removed or something.
We ultimately ended up adding copy instructing recipients to email foo#mail.com in lieu of clicking the link.
Here's a possible solution I found at http://windowsxp.mvps.org/hmposturl.htm that I modified for my purposes. It would require sending unique creative with a custom link to only your Hotmail recipients but it seems to work for me. Here's the href string I used:
http://www.hotmail.msn.com/secure/start?action=compose&to=email#domain.com&subject=My Subject Line&body=Email Body
This is a common problem with most webmail based systems. mailto: doesn't invoke them. Google mailto hotmail and you will find answers for Windows and for specific browsers. I think this will set it up for you
http://email.about.com/od/windowslivehotmailtips/qt/How_to_Make_Windows_Live_Hotmail_Your_Default_Email_Program.htm
Just add target='_blank'...use the 'a' html tag as...
<a href='mailto:Your MAILTO ID' target='_blank'>SOME Support</a>
This works in hotmail client, but it launch new browser instance additionally.
Known problem, I can confirm, is not working on Hotmail web mail only, rest of them work fine, we had the same problem here and we give up trying.
If you really really want that the only way is to use JavaScript, onClick change window location but that introduces a new dependency: JavaScript.