html - Outlook 2013 background image broken -


i have problem background image in outlook 2007/2010/2013.

code:

<table cellpadding="0" cellspacing="0" border="0" width="580" style="font-family: arial;">         <tr>         <td background="http://test.endlesspeak.cz/img/bg-deepak.jpg" bgcolor="#a7a8ab" width="580" height="242" style="text-align: left; vertical-align: middle; color: #203244; font-size: 12pt; padding: 0; margin: 0;">           <!--[if gte mso 9]>           <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:242px;margin: 0; padding: 0;">             <v:fill type="tile" src="http://test.endlesspeak.cz/img/bg-deepak.jpg" color="#a7a8ab" />             <v:textbox inset="0,0,0,0">           <![endif]-->             <div valign="middle">              <p valign="middle" style="padding: 0; margin: 50px 260px 0 55px; vertical-align: middle; font-family: arial; color: #203244; font-size: 12pt;">poprvé navštíví Čr <b style="color: #2a80b9; text-decoration: underline;">deepak chopra</b>, světová autorita v oblasti spirituality osobního rozvoje, populární americký spíkr spisovatel. jako proslulý lékař formuloval vlastní teze léčení, ve kterých propojuje tradiční východní léčitelské umění s tím nejlepším, co nabízí západní medicína.</p>            </div>           <!--[if gte mso 9]>             </v:textbox>           </v:rect>           <![endif]-->         </td>     </tr>  </table> 

problem in outlook 2007/2010/2013. in outlook 2002/2003/2011 works.

outlook 2011: https://litmus.com/pub/2e23724/results#ol2011-full_on - background image works

outlook 2013: https://litmus.com/pub/2e23724/results#ol2013-full_on - background image broken

thank help.

2007/2010/2013 uses , older version of email rendering version, it's more errors. here version works me (taken responsive.email):

<td background="yourimage.png" bgcolor="#ffffff" class="a8 a9 a10" style="height:50px;background-image:url('yourimage.png')" valign="top"> <!--[if gte mso 9]><v:rect fill="true" stroke="false" style="width:700px;height:50px;"><v:fill color="#ffffff" src="yourimage.png" type="tile" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]--> <table border="0" cellpadding="0" cellspacing="0" style="width:100%"> <tr class="a8" style="height:50px"> <td valign="top">some content </td> </tr> </table> <p style="margin:0;mso-hide:all"> <o:p>  </o:p> </p> <!--[if gte mso 9]></v:textbox></v:rect><![endif]--> </td> 

take care heights of elements corresponding image height - otherwise not work.


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -