Below are guidelines for using CoPilot email's HTML coding option:

  • Know which email clients you're targeting and ignore the rest

    • makes the building process easier

    • saves lots of time in the testing phase

  • Using DOCTYPE

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">

  • Use Tables for layout and as a main / body container

  • Set width for each cell

  • Avoid whitespace in table cells
 since it makes code unreadable

  • Inline CSS

  • Avoid shorthand for fonts

  • Avoid shorthand for colors

  • Set margin for Paragraphs inline

  • Add a redundant SPAN inside the A/Link tag

  • Avoid using Spacer Images

  • Avoid HTML comments. For example, <!-- -->
  • Avoid using "display:none" and "visibility:hidden" properties
  • Always include the dimensions, ALT tag and fallback background color of image

  • Avoid PNG’s

  • Use img{display:block;} always to avoid unnecessary paddings

  • Use align attribute for containers or images to align right, left, center

  • Use CENTER tag to align all block level elements

  • Keep the width within 600 pixels

  • Avoid typos and using all caps
  • wp_outlook.pdf 

Why Inline CSS

For better results in Gmail and Outlook, move all CSS class attributes into inline for individual elements. The following images show what happens if you choose not to do so: