CSS style declarations appear below the body tag, not between the head tags.When you open up one of these templates, you’ll notice a few things we’ll discuss in more detail later: The quickest and easiest way to see how HTML tables and inline CSS interact within an HTML email is to download some templates from Campaign Monitor and MailChimp. Use inline CSS to control other presentation elements within your email, such as background colors and fonts.You may be used to using pure CSS layouts for your web pages, but that approach just won’t hold up in an email environment. Use HTML tables to control the design layout and some presentation.Whether you choose to code your HTML email by hand (my personal preference) or to use an existing template, there are two fundamental concepts to keep in mind when creating HTML email: And even when these tools do display an HTML email properly, accounting for variances in, for example, the widths at which readers size their windows when reading emails makes things even trickier.
#Good simple email program software#
If you thought it was difficult to ensure the cross-browser compatibility of your web sites, be aware that this is a whole new game - each of these email software tools can display the same email in vastly different ways. The software used to render HTML for each email software tool determines what HTML and CSS code works and doesn’t work. The biggest pain when coding HTML email is that so many different software tools are available to read email, from desktop software such as Eudora, Outlook, AOL, Thunderbird, and Lotus Notes, to web-based email services such as Yahoo!, Hotmail, and Google Mail, to email apps on phones and tablets.