HTML emails and Outlook 2007

[sporty]

Hi!
I read some posts in the forum but I can't find any related topic so I am starting this new one.
I'm using Zen Cart 1.3.8a and Outlook 2007 to receive the emails.
I've some problems with HTML emails, in fact when I receive an email, if I open it in fullscreen, the text scatters in all the screen.
I've also modified the width of the tables and other classes from percentage to fixed sizes, but nothing changed.

Does anyone have my same problem?
Thank you in advance, any help will be appreciated!

[orchidlake]

I know this is an old thread, but I am having this problem as well.

Outlook 2007 no longer uses Internet Explorer as its HTML renderer (like Outlook 2003). Instead, MS pulled a fast one and changed the HTML renderer to Microsoft Word. Which means that it won't respect many CSS 2 instructions, including, regrettably, positioning and size directives. There is also no respect for css-directed background images and no display of animated GIFs or flash plugins.

Basically with Outlook 2007, we have been thrown back to the styling days of 1999 where in order to get positioning and width desires fulfilled you must use a table layout with fixed widths instead of CSS-styled DIVs.

[dhcernese]

Is there a module to replace the HTML email for Zen-Cart to be compatible with the insanity of Outlook 2007?

[DrByte]

You can fine-tune all your email templates directly. They're in the /email/ folder.

[dhcernese]

You can fine-tune all your email templates directly. They're in the /email/ folder.

Yes, thanks, I had already tweaked them. Not being an HTML/table/css guru, every one of them needs to be nearly entirely rewritten to be compatible with Outlook 2007. The CSS and <div> has to be replaced. It's been a couple years now, I thought someone might have done the whole batch by now.

[dhcernese]

Maybe somebody can help me. I've got the Microsoft plugin for Dreamweaver to validate HTML for Outlook 2007 (MS Word actually).
It shows no errors. If I preview the email template in IE, Firefox, and MS Word all look correct.

However, I found out that customers receive email and the css style syntax is being changed! The change is that all the elements inside the style have been prefixed with an extra ".", Firefox, IE have no problem rendering this. MS Word/Outlook 2007 cannot handle it.

For example elements such as ".holder" comes "..holder", ".comments" becomes "..comments" in the emails. I have no idea what is doing this, but more simply, does anyone have a suggestion for changing the css syntax so that this might not happen?

[mooxmail]

Yes, thanks, I had already tweaked them. Not being an HTML/table/css guru, every one of them needs to be nearly entirely rewritten to be compatible with Outlook 2007. The CSS and <div> has to be replaced. It's been a couple years now, I thought someone might have done the whole batch by now.

Correct me if I'm wrong but I understand the Zen Cart email system of going to be completely overhauled for v2.0, so I doubt you'll see any changes to the current batch.

I've rebuilt a few of these templates in the past and documented the process. You can find some useful info on my site. I don't think I'm allowed to post a direct link but a search in Google for my username should get you there.

On the site there's a complete zip of updated email templates, based on the Cherry Zen theme, you should be able to change a few colours, insert a new logo and be able to use them fine. Bear in mind there are some changes to be made to a couple of site files too, but nothing drastic.

There bad news is that things are not going to improve for Outlook 2010. Microsoft are keeping the Word HTML engine

[mooxmail]

However, I found out that customers receive email and the css style syntax is being changed! The change is that all the elements inside the style have been prefixed with an extra ".", Firefox, IE have no problem rendering this. MS Word/Outlook 2007 cannot handle it.

Although I run the risk of being run out of town by saying this in the day and age of CSS, the simple truth is that tables are the only way to achieve safe layouts in emails.

Styles should only be used inline to control font's, sizes, and colours. If your styles are inline then you won't experience these syntax changes :)

[dhcernese]

There bad news is that things are not going to improve for Outlook 2010. Microsoft are keeping the Word HTML engine

I read about that. Just great.

Although I run the risk of being run out of town by saying this in the day and age of CSS, the simple truth is that tables are the only way to achieve safe layouts in emails.

Styles should only be used inline to control font's, sizes, and colours. If your styles are inline then you won't experience these syntax changes :)

That's what's I've read also. I did try adding component names before all the styles, almost all (but not all) of it worked. I'll check out your examples, thanks for posting!

[mooxmail]

No problem, if anything doesn't make sense, let me know and I'll try to clear things up.