We recently re-designed our automated member registration email and paid particular attention to how its viewed when images are blocked and on mobile devices.
Yahoo! Mail (formerly known as Yahoo! Beta) does NOT support the style block in older versions of Internet Explorer. A big thanks to Brian Sisolak @bsisolak at Trilogy Interactive for bringing this to our attention!
To make a long story short, each version of Yahoo! ignores your media query declaration along with all of its conditional statements and renders each of the styles as if they are outside of the media query to begin with. On top of that, it gets confused with your first declaration which is therefore ignored. Here’s your fix…
A play by play approach for creating emails that purr on the iPhone, iPad, and Android…
Hotmail has recently done a big update to their web based email client and it comes with its fair share of newfound technical challenges. If you are a developer or email marketer, here are three things you need to know about for future campaigns…
Here at Email on Acid, it’s our number one priority to help you resolve email rendering issues as quickly and efficiently as possible. Our code analysis was specifically designed to process your HTML email and highlight individual lines of code that are not supported in each email client. We’ve recently added support for Mozilla, Webkit and Microsoft browser extensions.
Check out the results from all of our testing…
Although AOL offers fantastic support for WC3 standards, they’ve made some recent updates that effect your body styles and attributes.
In my last article I explained why the large, horizontal gap sometimes appears in Outlook 2007 and 2010. Unfortunately the only perfect fix is to stack your tables so that you never have a table that exceeds 23 inches in height. One common strategy for setting a background color for all email clients is to create wrapper table with a width of 100%. This makes it challenging to keep your tables under 23 inches in height – especially when developing long newsletters. With that said, here’s another option you might consider…
In some instances, Outlook 2007 and 2010 will render an unwanted vertical space in your email. We’ve been aware of issue for a while and figured it’s time we hunker down in search for an explanation. If you are running into this issue, hopefully this article will provide you with some useful work-a-rounds.
Many web based email clients use embedded CSS which may impact your email layout. Our focus for this article is Yahoo Beta. It places all of your content within two distinct divs, each with its own embedded CSS.
Although Yahoo still refers to its new email client as ‘Yahoo Beta,’ this app has been live to the public for quite some time now. Yahoo has also been quite aggressive in getting current users to make the switch to the Beta version. With that said, if you design and develop HTML emails for a living, here’s something that is very important to know:
Yahoo Beta strips your entire body tag along with each of its attributes.
For those of you who design and develop HTML emails for Outlook 2007 and 2010, you already know that you are bound by tables and you have very limited CSS support. What you might not realize is that these two email clients completely convert your code from something legible into a seemingly foreign Microsoft language. In this article, we tackle one of the more critical conversions you should be aware of when developing for these two tricky email clients.
It can be painfully frustrating to get margins and padding to render consistently across all email clients. Here are a few tips and tricks for managing the spacing in your HTML emails.
It was recently brought to our attention that sometimes bullets do not render in Windows Mail. After further research, we learned that if you have a CSS ‘width’ property set in a containing UL, your bullets will not render in Windows Mail, Outlook Express, Outlook 2003 and Live Mail.
While testing the native Android email application we found that it does not support embedded or linked CSS class declarations.
Check our our recommended solution…
If you have an align attribute within an image and it is set to “right” or “left” Entourage 04 will add a 3 pixel margin to the left and right of the image.
This is especially important of you are trying to get your images to stack up neatly within a table.
After our recent article regarding special characters in HTML emails, we’ve released another free tool that will convert all of your special characters to HTML entities. This will ensure that your characters render as intended no matter what Content-Type is imposed upon your email.
In reading one of Campaign Monitor’s more recent posts: Override the minimum font size on the iPhone and iPad, we had a hunch that this trick might also work on the native Android email client so we decided to investigate a little further.