using html code along vml(for background images) send newsletters customers. before using vml inline css worked fine, when vml added code, stopped working in outlook.
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta charset="utf-8" name="viewport" content="width:50"/> <title> transaction alert kvb </title> </head> <body> <div> <table style="border:1px solid black" width="600" height="600" align="center" cellpadding="0" cellspacing="0" border="0" > <tr> <!-- backup background color #dddddd --> <td style="background-image: url('http://www.kvbsmart.com/mail_img/bg.jpg');" background="http://www.kvbsmart.com/mail_img/bg.jpg" valign="top" align="left" > <!--[if gte mso 9]> <v:rect style="width:600px;height:600px;" strokecolor="none"> <v:fill type="tile" src="http://www.kvbsmart.com/mail_img/bg.jpg" color="#7bceeb"/></v:fill> </v:rect> <v:shape id="thetext" style="position:absolute;width:600px;height:600px;"> <![endif]--> <a href="http://www.kvb.co.in/"> <center><img src="http://www.kvbsmart.com/mail_img/1111.png" width="600" height="300"></center> </a> <div style="color: white; background-color: #00844a; border: 1px solid white; padding: 15px;border-radius: 20px; border-collapse: separate;"> <center><font face="verdana">a.message</center></font></div> <p><font face="verdana" size ="1"><center>note: if transaction not done you, please contact our helpline @ earliest.</font></center></p> <br><br><br><br> <a href="http://www.kvb.co.in/"> <center><img src="http://www.kvbsmart.com/mail_img/mpay_new.png" width="600" height="130"></center> </a> <br> <br> <p><font face="verdana">with regards,</font></p> <p><font face="verdana">karur vysya bank.</font></p> <hr width = 100%> <br> <div style="max-width:auto; word-wrap:break-word;"><font face="verdana">this e-alert automatically generated system. please not reply mail. further clarifications, kindly contact home branch/our helpline number 1860 200 1916 (local call charges applicable).</font> </div> <p><font face="verdana"> e-alert automatically generated system. please not reply mail. further clarifications, kindly contact home branch/our helpline number 1860 200 1916 (local call charges applicable)</font> </p> <!--[if gte mso 9]> </v:shape> <![endif]--> </td></tr> </table></div> <body></html> i getting issue @ block
<div style="color: white; background-color: #00844a; border: 1px solid white; padding: 15px;border-radius: 20px; border-collapse: separate;"> <center><font face="verdana">a.message</center></font></div> please me out, adding screenshot reference 
i have solved problem removing div tag , replacing table
i providing complete code
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta charset="utf-8" name="viewport" content="width:50"/> <title> transaction alert kvb </title> </head> <body> <div> <table style="border:1px solid black" width="600" height="800" align="center" cellpadding="0" cellspacing="0" border="0" > <tr> <!-- backup background color #dddddd --> <td style="background-image: url('http://www.kvbsmart.com/mail_img/bg.jpg');" background="http://www.kvbsmart.com/mail_img/bg.jpg" valign="top" align="left" > <!--[if gte mso 9]> <v:rect style="width:600px;height:900px;" strokecolor="none"> <v:fill type="tile" src="http://www.kvbsmart.com/mail_img/bg.jpg" color="#7bceeb"/></v:fill> </v:rect> <v:shape id="thetext" style="position:absolute;width:600px;height:900px;z-index:3;"> <v:textbox inset="0,0,0,0"> <![endif]--> <a href="http://www.kvb.co.in/"> <center><img src="http://www.kvbsmart.com/mail_img/1111.png" width="600" height="300"></center> </a> <!------this part have done modification--> <table width = "100%" border-collapse: separate; border-spacing: 0;> <td style="color: white; background-color: #00844a; border: 1px solid white; padding: 15px;border-radius: 20px; border-collapse: separate;"> <center><font face="verdana">a.message</center></font></td> </table> <p><font face="verdana" size ="1"><center>note: if transaction not done you, please contact our helpline @ earliest.</font></center></p> <br><br><br><br> <a href="http://www.kvb.co.in/"> <center><img src="http://www.kvbsmart.com/mail_img/mpay_new.png" width="600" height="130"></center> </a> <br> <br> <p><font face="verdana">with regards,</font></p> <p><font face="verdana">karur vysya bank.</font></p> <hr width = 100%> <br> <div style="max-width:auto; word-wrap:break-word;"><font face="verdana">this e-alert automatically generated system. please not reply mail. further clarifications, kindly contact home branch/our helpline number 1860 200 1916 (local call charges applicable).</font></div> <!--[if gte mso 9]> </v:shape> <![endif]--> </td></tr> </table></div> <body></html> 
Comments
Post a Comment