We have made tons of newsletter so far and here are my tips:
1 - Use tables for layout, many email clients will ignore CSS.
2 - Some email clients will ignore <style type="text/css">...</style> so you will have to use inline style, for example to make a link red do:
|
HTML Code:
|
<a href="LINK URL" style="color:#FF0000;">LINK TITLE</a> |
But also use CSS for email clients who support it.
3 - Many email clients only care about what's between <body>...</body> tags and ignore the rest.
4 - Your newsletter should be around 500 pixels in width to look good on all email clients.
5 - If you use images (for layout, like a header etc.) in table cells you will have to do it this way:
|
HTML Code:
|
<td><img src="..." /></td> |
Note that there is no space between <td> and <img ... /> and </td> otherwise there will be a funny space.
6 - Make a Yahoo, Gmail, Hotmail ... account and test your design in all of them. You don't have to make them look exactly the same but you should try.
These are all the things I can remember now, I hope this helps
Experience Creating Newsletters in HTML for Outlook 2007?
Linear Mode
