Bg img & colors (Outlook2007,Gmail,Yahoo,Hotmail)

December 10th, 2009 | Posted in Articles, tips and tricks | 2 Comments »

Tricks & tips: How to get background colour and image tile to show in Outlook2007, Gmail, Yahoo, and Hotmail

Step 1:

Add this to you head tag:

<style>
<!– .body {background: #B31923;}–>
</style>

Step2 :

Add this to your body tag:

<body bgcolor=”#B31923″ background=”http://www.yourimagename.jpg ” leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″>

Step 3:

Add a 100% Table with no color or background:

Eg:  <table width=”100%” border=”0″ cellpadding=”0″ cellspacing=”0″>

Step 4:

Now add a table row and then assign your bg color and  your bg tile image into the actual TD tag .. eg:

<tr><td background=” http://www.yourimagename.jpg “></td><tr>

This will now work in Gmail, hotmail, Outlook 2003 / 2007, yahoo and most others.

Click here to download the code sample

Click here to view the html page

2 Comments to “Bg img & colors (Outlook2007,Gmail,Yahoo,Hotmail)”

Post comment