Email Development

Email Design for Mobile and Blocked Images

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 Does Not Support the Style Block in Internet Explorer 7 and 8

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!

Stop Yahoo! Mail from Rendering Your Media Queries

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 CSS Template for Developing HTML Emails in Mobile Devices

A play by play approach for creating emails that purr on the iPhone, iPad, and Android…

3 Things You Need to Know About Hotmail’s Latest Release

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…

CSS Browser Extensions in HTML Emails

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…

AOL Replaces Your Body Tag and Ignores Your CSS Body Properties

Although AOL offers fantastic support for WC3 standards, they’ve made some recent updates that effect your body styles and attributes.

Background Colors in HTML Emails

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…

Spacing Issues in Outlook 2007 and 2010

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.

Yahoo Beta’s Embedded CSS May Affect Your Layout

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.

Yahoo Beta Ignores the Body Tag

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.

CSS Padding in Outlook 2007 and 2010

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.

Media Queries in HTML Emails

Ever wonder which devices support media queries in HTML emails?  We’ve done some extensive testing not only to find out which devices support this handy technique but also which conditionals trigger them.

7 Tips Regarding Margins and HTML Padding in Emails

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.

Bullet Points in ULs Not Showing Up in Windows Mail, Outlook Express, and More

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.

The Android Mail App and CSS “Class” Declarations

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…

 

Vertical Image Spacing in Entourage 04

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.

Convert Your Special Characters to HTML Entities

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.

Override Font Resizing on the Android

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.