I have a query in regards to HTML Im using Autotask to design an email template, its taken a while but im at the finish line however I've found an issue with a TD box that has a slight issue with background bleed

The rounded corners also aren't working on outlook desktop but work fine on Outlook mobile and gmail

Any advise would be greatly appreciated

<tr> <td align="center" style="padding:30px 0;"> <!-- Fixed width wrapper --> <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="520" style="width:520px; border-collapse:separate; mso-table-lspace:0pt; mso-table-rspace:0pt;"> <tbody><tr> <td align="center"> <!-- Rounded container (ONLY element with background) --> <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="520" style="width:520px; border-collapse:separate;"> <tbody><tr> <td bgcolor="#1F3449" style="background:#1F3449; border-radius:32px; padding:16px 20px;"> <!-- Inner layout (NO backgrounds here) --> <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody><tr> <!-- Icon column --> <td align="right" valign="middle" width="120" style="width:120px; padding:0;"> <img src="image url" alt="" width="100" height="100" style="display:block;border:0;"> </td> <!-- Spacer --> <td width="20" style="font-size:0;line-height:0;">&nbsp;</td> <!-- Text column --> <td align="left" valign="middle"> <p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:28px; color:#b2d953;"> Have a question? </p> <p style="margin:10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:24px;"> <a href="https://xxx.co.uk/contact-us/" style="color:#FFFFFF; text-decoration:none; border-bottom:1px solid #FFFFFF;"> Reach out to our team </a>

enter image description here

Galactus_Confused's user avatar

issue was with the spacer, even setting a colour wouldn't fix it so removed the space and added padding to the image, issue resolved

<!-- Spacer --> <td width="20" style="font-size:0;line-height:0;">&nbsp;</td>

replaced with

<!-- Icon column --> <td align="right" valign="middle" width="120" style="width:120px; padding-right:30px;padding-left:30px;">

Galactus_Confused's user avatar

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.