CODEWITHSUNDEEP
htmlcssoutlook-2010
NehaKharkwal
NehaKharkwal

Reputation: 313

how to display background color in outlook 2010 html email?

My problem is related to Microsoft Outlook 2010. Actually I want to publish my HTML newsletter in Outlook 2010, but the main problem which I am facing is styling problem it's not showing color and all when the newsletter is published in Outlook 2010. please help me out if you know how to set color and css style in Outlook.

Upvotes: 31

Views: 79032

Answers (5)

Alex Trusler
Alex Trusler

Reputation: 71

I was struggling with the same issue and found out that Outlook doesn't support the name of the color like modern browsers. I changed:

<tr style="background-color: lightgray">

to

<tr style="background-color: #d3d3d3">

and Outlook loved it.

Upvotes: 3

tucq88
tucq88

Reputation: 418

<table><tr><td bgcolor="#3399ff">test</td></tr></table>

This will NOT work on Outlook 2010. If you want to style background-color in Outlook, you'll have to put your background style in style attribute, like this

<table><tr><td bgcolor="#3399ff" style="background-color:#3399ff">test</td></tr></table>

Plus: If you want to style background IMAGE (not color), default Outlook 2007+ will not support it, but you can do some tricks to make that happen. Check out this link : https://litmus.com/community/learning/25-understanding-background-images-in-email http://backgrounds.cm/

Upvotes: 3

ajcoder
ajcoder

Reputation: 61

You can also do it this way - styling in the td cell. 

<table><tr><td bgcolor="#3399ff">test</td></tr></table>

Upvotes: 2

Pietro Ferrero
Pietro Ferrero

Reputation: 486

the background-color property works in Outlook 2010.

reference: http://www.campaignmonitor.com/css/

Upvotes: 2

marissajmc
marissajmc

Reputation: 2603

This method works across email clients:

<table bgcolor="#3399ff" style="background:#3399ff;"><tr><td>test</td></tr></table>

Upvotes: 50

Related Questions