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 and Tricks Regarding Margins and Padding in HTML 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, Outlook 2003 and Live Mail

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.

To fix the spacing, either remove the alignment or add a CSS margin of "0".

Update - The Gmail Application Now Supports Images

As a follow up to our original article just a short time ago, we have confirmed that Google has added a "Show Images" feature to their iPad mobile application for Gmail.

The iPad Gmail Application does not Support Images

You heard correctly, the Gmail app for the iPad does NOT support images within HTML emails. Instead it displays them as if they are blocked and as far as we can see, there is no option to turn off the image blocking.

Become a Pro at Designing Emails for the Android

We have just released beta versions for both the native Android email client as well as the Android Gmail client application. For those who have not yet had the privilege to pick up one of these extremely sleek and user friendly devices, let's dive into a few high points with regard to the way they render emails.

An Online Demo of Text Wrapping on the Android

This is an email that was sent on October 26, 2010 for Sony Vegas Pro.  In this demo, we will show you how the text wraps for easy readability within the email client that comes standard on the Android 2.2.

Test your email in 67 variations of the most popular email clients in just 2 easy steps!

It is no surprise that your email can be received in many different email clients. It may, however be surprising to hear that each email client uses it's own rendering engine which means that there are even more varients to consider. The intention for this article is to help you with a quick, easy way to ensure your email renders properly in 67 variations of the most popular email clients used worldwide in just 2 easy steps.

The Best Strategies for Testing Your HTML Email

Although our email testing simulation is intended to make your life much easier, it is still vitally important to test your email in each of the popular web browsers as well.

In taking into account the complexity of testing your email, we must first consider the most popular email applications used today.  Then we will take a look at web based email clients, and finally we will touch on ways to ensure that your email will render correctly on mobile devices.

The Mystery of Hotmail’s Strange Image Spacing

The Case of a Hidden Escape Character...

It's official, there's an invisible ghost haunting Hotmail and it had us spooked for over 3 days! OK so we don't mean Friday the 13th scary, but still scary to a programmer who doesn't see it coming!

Outlook 2010 Email Test Results are In

Microsoft Not Playing Nice with Office 2010

It doesn't appear that Microsoft is going to play nice with HTML rendering in Office 2010. They are continuing down the '07 path by using Word to render HTML. Are you surprised? Honestly, we aren't.  We have recently received a beta version of Outlook 2010 and through our email tests we have noted the same rendering problems from Outlook 07.

Why Web Standards Matter for your Email

Until now, designing and developing HTML emails has been like trying to hit a moving target while blindfolded. Each of the email clients have different standards for how they accept and render standard HTML and CSS. nrfd7xvkgp