Below are some basic rules for creating the HTML newsletters that you send using GetResponse. These rules will help you design responsive messages that look great in every email client.
- Build your template using tables — not <div>, basic HTML, and the abbreviations that are common in website design.
- Use inline CSS2 to control style, since most email clients remove the <head> section from HTML code. Avoid abbreviations.
- Use tag attributes, to make sure your HTML code is interpreted the same way in different email clients.
- Don’t use colspan or rowspan attributes.
- Use padding rather than margins to control the position of design elements, to avoid the rendering problems often caused by older email programs.
- Use absolute paths for images, not relative-path URLs such as "/images/image.gif".
- Give each image a unique name (a name that relates to the message) to prevent problems when copying a template from one campaign to another.
- Define each graphic element as a block-level element, to avoid unwanted spaces under images.
- Don’t use <thead> and <tfoot> tags in your HTML templates. These are reserved for the GetResponse WYSIWYG editor.
- Define text alignment (left/center/right) using the align attribute, not using style="text-align: center | right | left".
- Always check your email design using GetResponse Inbox Preview, to make sure it will display properly in all types of email programs, browsers, and devices.
Full guide is available here: http://www.getresponse.com/guides/how-to-code-html-newsletters If you just want to see an example, look to newsletter folder in this repo.