Hi,
I have included HTML content in my plug in.The below HTML code works properly in all the browsers, but in outlook the UI comes differently. Is there any way that the HTML is same throughout all? Is there anything I'm missing?
<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta charset='utf-8'>
<title>Index</title>
<style> .button{position: relative;right: 70px;}</style>
</head><body style='margin:10px; border:hidden;'>
<table align='center' border='0' bgcolor='#FDD017' cellpadding='0' cellspacing='0' style='border-style: none; border-color: inherit; border-width: 0px; padding: 10px; height: 284px; width: 616px;'>
<tr>
<td colspan='11' style='font-family:Tahoma;' ><b><h1>Thank you for your interaction.</h1>
</b></td>
<tr>
<td colspan='11' style='font-family:Tahoma;font-size:large' >How Likely are you to recommend Us to your friends and family?<br />
</td>
</tr>
<tr>
<td height='10' colspan="11" ></td>
<tr>
<td height='30' colspan="11" style='background-color:white'; ></td>
<tr>
<td align="left" style='font-family:Tahoma;font-size:medium;background-color:white';> Least Likely</td>
<td align="right" style='font-family:Tahoma;font-size:medium; padding-left:10px; padding-right:5px;background-color:white' >Extremely
Likely <br></td>
</tr>
<tr>
<td height='27' colspan="11" style='background-color:white'; ></td>
</tr>
<tr>
<td height="30" colspan="2" style='background-color:white; background-repeat:no-repeat;'>
<table border="0" cellpadding="0" cellspacing="0" align="center" style='width: 458px'>
<tbody>
<tr style='background-color:white; background-repeat:no-repeat;border-collapse:collapse;'>
<td width='35' align='center' valign='top' >
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src=newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td>
<td width='35' align='center' valign='top'><a href="www.google.com">
<img src='newbutton0706.jpg' style='border-style: none;'/></a></td></tr>
<tr><td colspan='11' style='background-color:white; background-repeat:no-repeat;' >
<div align='center' style='width: 477px'><img src='ratee.jpg' style='height: 43px; width: 459px; '><br /><br /></div></td></tr>
</table></body></html>
Regards,
Hima
*This post is locked for comments
I have the same question (0)

Report
All responses (
Answers (