PDA

Click to See Complete Forum and Search --> : Html Email



wolffangs
12-09-2006, 09:24 AM
Can someone point me in the right direction for a tutorial on how to create an html email. Im talking about the design end of it in dreamweaver or css, not just sending the email. Thanks alot.

coreybryant
12-09-2006, 09:32 AM
You would need to use absolute paths (http://www.htmlcodetutorial.com/help/ftopic3917.html) for all your images. I would recommend using inline CSS if you have to. As far as the coding though, if you use deprecated HTML tags like <font>
<font face="Arial, Helvetica, sans-serif"><b>FlashKit</b></font>usually this will function better than using the inline tag
<p style="font-family: Arial, Helvetica, sans-serif; font-weight: bold;">FlashKit</p>can cause problems in come email clients

Branny
12-18-2006, 01:31 PM
its old school city!!

most inline styles are ignored by some email clients such as hotmail so it is best to go back to oldschool HTML.

Tables (dirty they are) are the best way to get consistency through your email clients. give everything (images and tables cells where necessary) a width and a height.

hotmail doesn't look at padding so table cells are the best way to get your padding sorted out. As a rule put your fon styles initially on the <td> element then any additions on the alter areas such as <a href> tags and spans.

when using <P> tags always specify the top and bottom margin just to be on the safe side as we know that ie and firefox display these differently anyway
<p style="margin:10px 0 10px 0;">your text</p>

Test test test, sign up for as many email accounts of leading email clients as you can and test!!