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
Post a Comment