Css Style And Jscript Is Not Reflecting Properly In Ms Outlook 2007

I have attached the HTML code that i am trying to display in MS outlook 2007. It workes fine in Chrome, but when it comes to outlook its not working properly. How can i make this w

Solution 1:

How can i make this work in outlook ?

You need to read through the following resource: Supported HTML Elements, Attributes, and Cascading Style Sheet Properties or Working with Outlook HTMLBody – a guide for Office developers. By briefly looking at your HTML code and what Outlook would allow, there a lot of unsupported tags you are using. For example: "display", "overflow", etc. Please clean up your HTML and make it compatible with what OUTLOOK able to render. You may also use available online Outlook HTML Email Online Validator. I am not aware how accurate it is, but this is definitely good way to start.

Can we use an alternative codes/tags instead of the one i used here, to make it work in MS outlook 2007 ?

Yes, this is exactly what you should do. Use supported CSS styles and HTML tags.

If so, please help me with it.

This is what you should do as developer. This is probably the work you are paid for as well. So simply do it according the resource provided, do not expect somebody would write the code for you.