HTML Email Newsletters Coding

HTML email newsletter coding rules

Are you getting irritated when your email newsletter looks different in browsers and inbox? follow the rules explained here to make better email newsletter.

• Use table for everything. Don’t try to use Div. Enclose the hole newsletter in a table.
• You have to use inline CSS only. External CSS won’t work in newsletter. And CSS should be inside body tag. Don’t use CSS inside Head tag.
• Don’t use any shorthand in CSS. Use abbreviated styles. For example: Use color:#ffeedd instead of color:#fed
• Avoid using Divs and Spans. Try to use tables for everything
• Padding won’t work in newsletter. So use margin only. specify the margin like margin-left, margin-right, margin-bottom
• Don’t use header (h1, h2, h3, h4, h5, h6)>. Because some mail providers has their own design for this tags.
• If you want right alignment for image, put it in a table and give cellpadding=’0′ and cellspacing=’0′
• Store images on web server and use them. Don’t delete the stored image.
• Avoid Line-height in CSS