How To Practise Prefect Electronic Mail Newsletter?
In my sense the substitution is to focus on iii things. First, you lot should proceed it simple. The to a greater extent than complex your e-mail design, the to a greater extent than probable is it to choke on i of the pop clients alongside pitiable standards support. Second, you lot take away to possess got your coding skills dorsum a skillful decade. That frequently agency nesting tables, bringing CSS inline together with next the coding guidelines I’ll outline below. Finally, you lot take away to exam your designs regularly. Just because a template looks dainty inwards Hotmail now, doesn’t hateful it volition await dainty inwards all e-mail client.
I ever role next guidelines every bit a foundation.
Top 10 tips to pattern pixel perfect e-mail newsletter.
1. Use tables for layout
2. Set the width inwards each cell, NOT THE TABLE
Table nesting is far to a greater extent than reliable than setting left together with correct margins or padding for tabular array cells. If you lot tin hit the same outcome past times tabular array nesting, that volition ever give you lot the best outcome across the buggier e-mail clients.
4. Use a container TABLE for BODY background colors together with background images
Many e-mail clients ignore background colors specified inwards your CSS or the tag. To last approximately this, roll your entire e-mail alongside a 100% width tabular array together with give that a background color.
6. Avoid shorthand for fonts together with hex notation
7. Avoid Paragraphs, role
8. Always include the dimensions of your image
9. Avoid PNGS
10. Don’t forget
Ref: http://24ways.org/2009/rock-solid-html-emails/ Sumber http://developer-paradize.blogspot.com
I ever role next guidelines every bit a foundation.
Top 10 tips to pattern pixel perfect e-mail newsletter.
1. Use tables for layout
2. Set the width inwards each cell, NOT THE TABLE
<table cellspacing="0" cellpadding="10" border="0"> <tr> <td width="80"></td> <td width="280"></td> </tr> </table>3. Use nested TABLE
Table nesting is far to a greater extent than reliable than setting left together with correct margins or padding for tabular array cells. If you lot tin hit the same outcome past times tabular array nesting, that volition ever give you lot the best outcome across the buggier e-mail clients.
4. Use a container TABLE for BODY background colors together with background images
Many e-mail clients ignore background colors specified inwards your CSS or the tag. To last approximately this, roll your entire e-mail alongside a 100% width tabular array together with give that a background color.
<table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td bgcolor=”#000000”> Your e-mail code goes here. </td> </tr> </table>5. Always role CSS INLINE
6. Avoid shorthand for fonts together with hex notation
7. Avoid Paragraphs, role
<br/> tags8. Always include the dimensions of your image
9. Avoid PNGS
10. Don’t forget
alt text Ref: http://24ways.org/2009/rock-solid-html-emails/ Sumber http://developer-paradize.blogspot.com
Comments
Post a Comment