Gmail - how to override user agent stylesheet? - image

So, my email looks fine in Outlook but crappy in Gmail. Images are getting extra space around them. I have tried the display:block solution but it didn't work. Using Firebug you can see that Gmail adds a paragraph to the images, and this paragraph has padding set to it (See attachment). So I tried overwriting their rules by applying "p {-webkit-margin-before: 0!important;-webkit-margin-after: 0!important;}" in the section- Still didn't work. Any ideas?

So it must be an Outlook thing. When I sent it through there I had the gaps in Gmail. When I used Mailchimp to send with the exact same markup, the gaps had gone. Hoorah.

Related

CKEditor breaking images on XPages

I've been trying to solve this issue for a week now, and so far not so good.
An XPages application mimics an email client, with a <xp:inputRichText> connected to a RichText field in a Form. Nothing out of the ordinary.
When an image file gets embedded via the Insert Image button on CKEditor, and the filename has non-ASCII characters, the resulting MIME bodies register discrepant names, breaking the mail.
In this case, the original filename was atenção.jpg, but names get messy on Body field.
I sincerely appreciate any advice
I did a few tests and I see inconsistencies even in v12. Strangely, the Notes client seems to be able to open such emails. (I tried external email on v9.0.1 and Outlook could not display the image).
As Per suggested, you should open a support case with HCL. They have implemented some fixes in this area recently for 12.0.2.

Mailchimp email not automatically downloading images in Outlook

I have a mailchimp email that contains quite a few images however do not load automatically in the outlook inbox.
I was wondering if there was a way of automatically loading the images to the email recipients that use outlook.
So far I have investigated that recipients could change their settings by altering the trust center settings as shown here. But as the only comment on that article states that there are problems with Mailchimp.
I have also come across a similar problem. However, not sure where to find my images Cid or not even sure whether this is a viable option.
Below is an image of the problem.
Edit (27/10/17):
The mailchimp images look like this:
https://gallery.mailchimp.com/608ee8ffcd21cef122eb0e6d9/images/765fb2c2-7075-4964-b831-ba5a6d0bc7cd.png
The img is written like this:
<img align="center" alt="" src="https://gallery.mailchimp.com/608ee8ffcd21cef122eb0e6d9/images/765fb2c2-7075-4964-b831-ba5a6d0bc7cd.png" width="564" style="max-width: 1000px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" class="mcnImage">
We've added domain authentication and verification and it hasn't resolved the issue; anyone using Outlook has to 'Mark as Safe' EVERY SINGLE TIME.
Interestingly we receive emails from a rival using Oracle/Bronto email software and this doesn't occur.
Problem is MailChimp is great apart from this one annoying issue.
We're having the same issue. I was under the impression that this can be resolved by authentication.
https://kb.mailchimp.com/accounts/email-authentication/about-email-authentication
I'm hoping we can convince the guys who manage to DNS server to add this.

Hotmail.com strips out formatting and hyperlinks from HTML message

I'm struggling to figure out how to defeat this process on Hotmail.com.
When I send an e-mail using a PHP script (and PHPMailer libraries, using Sendmail), recipient viewing the message from Hotmail.com gets a very bare message. Images are there, but all of the HTML formatting (styles, attributes, hyperlinks) is stripped away. Not even the <td> attributes remain (such as colspan, cellpadding, etc).
However, when I send the exact same message directly from a regular mail client (or webmail interface), all formatting and styling is preserved intact.
My PHP script sends a customised HTML message to a group of recipients, but it does it one by one (customising parts of the message for each recipient).
It appears that Hotmail doesn't seem to trust my server with the messages and is removing attributes and links as a security precaution. However, there is no way for receiving user to override this. Adding the sender to the whitelist does nothing. I have posted this on a Microsoft forum, without much success. I'm hoping someone here might have fought with the same problem and found a solution, or at least work-around.
I tried various things. I put a time delay of a few seconds between sending of two messages, thinking that Hotmail doesn't like mass mailing, and if two or more messages arrive from same sender at the same time, it will activate this blocking. It didn't help. I tried using SMTP script, sending the message through g-mail's SMTP server. Same problem -- stripped-out formatting.
[update]: I have even tried using Microsoft's own SMTP servers for hotmail, using a valid outlook.com user account to send (from that PHPMailer script). When viewed through hotmail.com web interface, the message is still stripped of all formatting and links.
Meanwhile, when these problem messages are viewed through a mail client (iOS, OSX, Windows, Android, MS Outlook), all is perfectly fine. [/update]
Right now, my work-around is pasting a long URL for this one important link that I want users to use, for recipients who have 'hotmail' or 'outlook' or 'live' in their e-mail address.
Any creative thoughts?
[update 2]After a lot of tinkering, I was able to re-format the message so that at least some of the formatting is preserved, so now, I got <table> tags to work. What's weird is, <bgcolor> also works, but <center> doesn't, nor do any css style attributes (neither to <tr>, nor to <td> or <table> itself). Fortunately, I now have <a href> tags working properly, so the links are functional again. I have basically given up on the whole thing and have developed a separate bare-bones template only for hotmail/outlook recipients.
Frustrating![/update 2]
I'm not sure this is still an issue for you but since I didn't find ANY resources around that matter I thought it was useful to post it here.
I had the same problem and I figured it was that my links were dummies (only href="#") and that outlook stripped them (whereas gmail rewrites the href).
Apparently if there isn't a valid href tag, it strips the link, even if it's been used just for cosmetic.
I would advice not to use them for anything else than links (obviously).
Hope it'll help.

outlook invitation with html not rendered correctly

I'm trying to send a nicely formatted email with an icalendar to a user who's using outlook 2010, but the result is horrible. If the file is removed everything looks great.
I thought I was doing something wrong, so I've tried the same scenario using Google's calendar and got the same result.
In following image, on the right side you can see how google's html is all messed up when it arrives from server.
on the left side, i've saved the email as eml changed the invitation mime-type to something else and the email is fixed:
You may find the sample two EML files here on github:
original_mail
fixed_mail_invite_not_working
As you'll see, the only difference is the calendar mime in line 172.
Does any one have any ideas why is this happening? is there a workaround?? or a fix?
Update: one of our clients sent me a screen-shot of his outlook, in this case you may see that outlook displays the html better and also process the event... any ideas?
Thanks,
Roey
Outlook internally uses RTF for the appointments, tasks and contacts, so your HTML will always be (imperfectly) converted to RTF.
There isn't much you can do besides tweaking your HTML until Outlook likes it.

Pasting images from clipboard in Firefox suddenly enabled (tinymce)

I'm using TinyMCE for richtext editing in a webmail client. Suddenly, after years and years of begging us to build something like this, customers are able to paste images directly from the clipboard in tiny. While I always try to achieve to be as smart as Google, I immediately logged in to my Gmail account and started pasting away.. Yep, paste also worked in Gmail and, yep, images were also broken in the sent e-mail.
Here is a shortened part of the html, as generated by firefox after pasting my screenshot into the textarea:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAA<andsoonfor100k>"/>
I have to say, I'm very excited about this new feature, but I cannot seem to find anything (literally!) about this topic, so any suggestions about when this was added to firefox, or even how to make this actually work in e-mail clients will be really appreciated!
This is a bit old, but this was added to Firefox since version 4, and Thunderbird (sort-of) since version 6 (it seems it could read them since version 3).
In the case of Thunderbird, even if Thunderbird support Data URIs, other email clients may not, so Thunderbird convert them to classic MIME attachments (with CIDs as URL).
In the case of GMail, as of today (march 2013), pasted image data is included as data URIs, while drag-and-droped images (at least in Linux, with Gnome, from Nautilus to Firefox) include them as common MIME attachments. So, if you send an email with a data URI image, some email clients will display it correctly, some will not. (Ironic thing, Gmail cannot display them, at least not with Firefox and Chrome).
BTW, in Thunderbird at least, as the data URI don't have full information about the image, if you try to save it you need to provide the name or use the "image.jpeg" generic name.
Information about Data URIs:
https://www.rfc-editor.org/rfc/rfc2397
http://en.wikipedia.org/wiki/Data_URI_scheme
Information about how to remove or convert Data URIs from pasted data in CKEditor (some people don't like them for some [valid] reasons):
http://ckeditor.com/forums/Plugins/ImagePaste-plugin-for-Firefox
http://dev.ckeditor.com/ticket/8208
So, there is much information, maybe just searching for "data uri" would return more results.

Resources