SOLVED

HTML help for Outlook365 rendering

Go to solution
JTNT
Level 1

HTML help for Outlook365 rendering

Need some HTML experts help. I have this HTML code provided by a partner (not our template) and it's just not rendering properly in Outlook 365 although it looks fine everywhere else! Capture.PNG

HTML here if anyone can help:

<p style="text-align: center;"><strong style="color: #666666; font-family: Lato, Arial, sans-serif; font-size: 16px;">This message brought to you by SAI Global on behalf of SCCE</strong></p>
<table border="0" width="600" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td colspan="3" bgcolor="#FFFFFF">
<div><a href="http://www.corporatecompliance.org" target="_blank" rel="noopener"><img src="http://www.corporatecompliance.org/portals/1/Images/Email_Images/scce-logo-email-header-598w.png" alt="" width="600" height="34" border="" /></a></div>
<div><a href="https://www.corporatecompliance.org/2021cei" target="_blank" rel="noopener"><img style="margin-top: 0px;" src="https://assets.corporatecompliance.org/Portals/1/Images/Email_Images/scce-2021-cei-email-600x225-4.p..." alt="20th Annual Compliance &amp; Ethics Institute, September 19-22, 2021" width="600" height="225" border="0" /></a></div>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#651999" class="bodytext211" style="font-family: Arial, sans-serif; font-size: 17px; line-height: 25px; text-align: left; color: #000000; font-style: normal; font-weight: normal; margin: 15px 25px 17px 25px;">
<div>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="right" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 10px 0px 10px;"><a href="https://www.corporatecompliance.org/conferences/national/20th-annual-compliance-ethics-institute/age..." target="_blank" style="color: #ffffff; text-decoration: none; font-weight: bold;">Agenda</a></td>
<td width="1"><img src="https://assets.hcca-info.org/portals/0/Images/Email_Images/2020-vertical-white-spacer-v3.png" alt="" title="" /></td>
<td align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 10px 0px 10px;"><a href="https://www.corporatecompliance.org/conferences/national/20th-annual-compliance-ethics-institute/spe..." target="_blank" style="color: #ffffff; text-decoration: none; font-weight: bold;">Speakers</a></td>
<td width="1"><img src="https://assets.hcca-info.org/portals/0/Images/Email_Images/2020-vertical-white-spacer-v3.png" alt="" title="" /></td>
<td align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 10px 0px 10px;"><a href="https://www.corporatecompliance.org/conferences/national/20th-annual-compliance-ethics-institute/con..." target="_blank" style="color: #ffffff; text-decoration: none; font-weight: bold;">Continuing Education</a></td>
<td width="1"><img src="https://assets.hcca-info.org/portals/0/Images/Email_Images/2020-vertical-white-spacer-v3.png" alt="" title="" /></td>
<td width="50" align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 10px 0px 10px;"><a href="https://www.corporatecompliance.org/conferences/national/20th-annual-compliance-ethics-institute/reg..." target="_blank" style="color: #ffffff; text-decoration: none; font-weight: bold;">Pricing</a></td>
<td width="1"><img src="https://assets.hcca-info.org/portals/0/Images/Email_Images/2020-vertical-white-spacer-v3.png" alt="" title="" /></td>
<td align="left" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 10px 0px 10px;"><a href="https://www.corporatecompliance.org/conferences/national/20th-annual-compliance-ethics-institute/reg..." target="_blank" style="color: #ffffff; text-decoration: none; font-weight: bold;">Register&nbsp;Now</a></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>

1 ACCEPTED SOLUTION

Accepted Solutions
Phillip_Wild
Level 10

Re: HTML help for Outlook365 rendering

2 REPLIES 2
Phillip_Wild
Level 10

Re: HTML help for Outlook365 rendering

Hi @JTNT ,

 

I'm no coding expert, but this article might be a good checklist: https://www.litmus.com/blog/a-guide-to-rendering-differences-in-microsoft-outlook-clients/

JTNT
Level 1

Re: HTML help for Outlook365 rendering

We fixed the issue! Thank you! It was actually a table issue from below causing it to widen.