Comments on: 12 tips to help you build robust emails for all clients http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/ Blog, What? Wed, 10 Mar 2010 01:06:25 +0000 http://wordpress.org/?v=2.6.3 By: Imran | IT Buzz http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-766 Imran | IT Buzz Sat, 05 Sep 2009 20:49:45 +0000 http://blog.michaelfasani.com/?p=17#comment-766 Thanks for sharing these useful tips. Thanks for sharing these useful tips.

]]> By: dennis http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-763 dennis Wed, 22 Jul 2009 21:16:25 +0000 http://blog.michaelfasani.com/?p=17#comment-763 @james: 1) never use characters same color as background. people will be using screenreaders to consume their emails ... what then? take a loo around what html-entities you could use instead. dont be shy, just leave a blank space between   when this extra space is needed, no breaking will occure ;-) 2) ID-Property on Tables, like in the code example here, are often used for anchors linking Paragraphs (here Tables) for easy access by the user, ... in case you offer a content summary :-) 3) Font-Tags: See, any Client will have a "backward" compability, even for HTML 3. Of course we no longer want no tag soup. Please note: You dont need/have to use -Tags for Newsletters ... I never used them. But for one reason they are great: think of a client (mobile device) that cant interpret CSS .... or simply people use their own CSS. You can keep formating in this case by HTML not CSS. So you can, if urgentlx neccessary, bypass locked User-CSS :-) In very rare cases this could be a fine opportunity. 4) Yes, Sadly coding for HTML-Newsletters is about forgetting any standard complience we have worked so hard for :-( But hey, once M$ will drop their poor HTML-support foor Outlook 2007 with a new Version, we can go back to normal ... in 3 or 4 Years :-) BTW: Hotmail/MS Live and Outlook 2007 have the very same rendering characteristics. Guess why? MS stated themselves they want to make no difference in appearence when people are using MS online-services or local applications. It is absolutly and willingly decided by MS, that Hotmail has same poor render qualities likewise Outlook 2007... sincere dennis | screenlabor.de @james:

1) never use characters same color as background. people will be using screenreaders to consume their emails … what then?

take a loo around what html-entities you could use instead. dont be shy, just leave a blank space between   when this extra space is needed, no breaking will occure ;-)

2) ID-Property on Tables, like in the code example here, are often used for anchors linking Paragraphs (here Tables) for easy access by the user, … in case you offer a content summary :-)

3) Font-Tags: See, any Client will have a “backward” compability, even for HTML 3. Of course we no longer want no tag soup. Please note: You dont need/have to use -Tags for Newsletters … I never used them.

But for one reason they are great: think of a client (mobile device) that cant interpret CSS …. or simply people use their own CSS.

You can keep formating in this case by HTML not CSS. So you can, if urgentlx neccessary, bypass locked User-CSS :-)

In very rare cases this could be a fine opportunity.

4) Yes, Sadly coding for HTML-Newsletters is about forgetting any standard complience we have worked so hard for :-(

But hey, once M$ will drop their poor HTML-support foor Outlook 2007 with a new Version, we can go back to normal … in 3 or 4 Years :-)

BTW: Hotmail/MS Live and Outlook 2007 have the very same rendering characteristics. Guess why? MS stated themselves they want to make no difference in appearence when people are using MS online-services or local applications.

It is absolutly and willingly decided by MS, that Hotmail has same poor render qualities likewise Outlook 2007…

sincere
dennis | screenlabor.de

]]> By: Tiago Pimentel http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-760 Tiago Pimentel Thu, 18 Jun 2009 19:29:17 +0000 http://blog.michaelfasani.com/?p=17#comment-760 Hey, very useful post. Thanks! Hey, very useful post. Thanks!

]]> By: ^^ http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-757 ^^ Mon, 18 May 2009 11:59:57 +0000 http://blog.michaelfasani.com/?p=17#comment-757 Man, I recognise that structure... and even the html comments, I think I even know all the people that came together and contributed to it :¬) nice to see you posted it to help others as it is nice, I know none of us ever had the time too... whoever those people may be ey? ;¬) Man, I recognise that structure… and even the html comments, I think I even know all the people that came together and contributed to it :¬) nice to see you posted it to help others as it is nice, I know none of us ever had the time too… whoever those people may be ey? ;¬)

]]> By: James W. Friedman http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-755 James W. Friedman Fri, 10 Apr 2009 08:35:59 +0000 http://blog.michaelfasani.com/?p=17#comment-755 I observe that all structural properties, heights and such, are placed in structural elements, td's, and the font properties are placed in font elements. From coding to XHTML 1.0 Strict my habit is to consider the font tag deprecated. HTML emails are a different world entirely. Do you wish to comment on the use of font elements? Also, in your example you have used the id property for the tables. How is the id property utilized in HTML emails? Same question for the title element. On websites I have created spaces by adding a character whose color is that of the background, this in place of using a non-breaking space. Perhaps this technique can be used here too. Wonderful post - thank you so very much... I observe that all structural properties, heights and such, are placed in structural elements, td’s, and the font properties are placed in font elements. From coding to XHTML 1.0 Strict my habit is to consider the font tag deprecated. HTML emails are a different world entirely. Do you wish to comment on the use of font elements? Also, in your example you have used the id property for the tables. How is the id property utilized in HTML emails? Same question for the title element. On websites I have created spaces by adding a character whose color is that of the background, this in place of using a non-breaking space. Perhaps this technique can be used here too. Wonderful post - thank you so very much…

]]> By: Charlotte Coleman http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-754 Charlotte Coleman Mon, 23 Mar 2009 17:12:14 +0000 http://blog.michaelfasani.com/?p=17#comment-754 So pleased you found that display: block fix - helped me no end. Thanks! Charlotte So pleased you found that display: block fix - helped me no end.

Thanks!

Charlotte

]]> By: Almada http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-750 Almada Fri, 06 Feb 2009 13:06:41 +0000 http://blog.michaelfasani.com/?p=17#comment-750 Love the advice. Thank you. Love the advice. Thank you.

]]> By: Dave P http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-747 Dave P Fri, 09 Jan 2009 22:30:30 +0000 http://blog.michaelfasani.com/?p=17#comment-747 Cheers for that mate, loads of useful information. Cheers for that mate, loads of useful information.

]]> By: EmailsAnnon http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-746 EmailsAnnon Tue, 06 Jan 2009 23:40:52 +0000 http://blog.michaelfasani.com/?p=17#comment-746 Good summary. Re: Rule #8. I've found a need for   to be contained within tds if the cell needs to have some sort of border applied in styling or horizontal width applied to it. The caveat is that you have to be careful what text-style is applied to that space. If you don't specify it is generally defaults to whatever the default is for that client. To which point you need to explicitly set the style for the text-size. Of course table/cell borders are not always well supported across all clients. Good summary. Re: Rule #8. I’ve found a need for   to be contained within tds if the cell needs to have some sort of border applied in styling or horizontal width applied to it. The caveat is that you have to be careful what text-style is applied to that space. If you don’t specify it is generally defaults to whatever the default is for that client. To which point you need to explicitly set the style for the text-size.

Of course table/cell borders are not always well supported across all clients.

]]> By: Michael Fasani http://blog.michaelfasani.com/2008/07/12-tips-to-help-you-build-robust-emails/#comment-207 Michael Fasani Fri, 19 Sep 2008 09:40:41 +0000 http://blog.michaelfasani.com/?p=17#comment-207 Hi Chinaman, Yes this is my own findings from building many HTML emails for different clients over the last few years. -M Hi Chinaman,

Yes this is my own findings from building many HTML emails for different clients over the last few years.

-M

]]>