Email Template Header and Footer not displaying in Outlook

[matthew_hughes]

I've got a email template that has a header and footer attached to it. When I preview the email in ServiceNow, both are visible:

However, when I check the email in Outlook, the following appears:

I was just wondering if anyone has come across this issue before. Can it also occur if an email has been forwarded on?

The code I'm using for the header is:

<tr>
<td style="width: 98.2092%;">
<table style="width: 77.8%; text-align: center; max-width: 800px; margin: auto; height: 286.22px;">
<tbody>
<tr style="height: 120.391px;">
<td style="color: rgb(255, 255, 255); height: 120.391px; text-align: left; background-color: rgb(255, 255, 255); padding: 10px 0px 10px 10px; width: 100%;"><img src="LBG Group Recertification Header.jpgx" title="LBG Group Recertification Header.jpg" width="750" height="90" alt="" data-library="false"></td>
</tr>

The code I'm using for the footer is:

<tr style="height: 54.3906px;">
<td style="background: linear-gradient(to right, rgb(0, 135, 79), rgb(98, 178, 79));">
<p><span style="text-decoration: underline; font-size: 12pt; color: rgb(255, 255, 255); font-family: arial, helvetica, sans-serif;"><strong>Help &amp; Support</strong></span></p>
<p><span style="color: rgb(255, 255, 255); font-family: arial, helvetica, sans-serif; font-size: 12pt;">Further information on the ServiceNow Group recertification process can be found here in this <strong><a style="text-decoration: none; color: inherit;" href="/kb_view.do?sysparm_article=KB0090854" title="KB0090854 - New ServiceNow Approval group recertification process">Knowledge Article</a></strong></span></p>
<p><span style="color: rgb(255, 255, 255); font-family: arial, helvetica, sans-serif; font-size: 12pt;">If you still have an outstanding query, please use the link in the article to raise a fault to the ServiceNow team</span></p>
</td>
</tr>

[RaghavSh]

Try replacing rgb with hex code of colors.

Also try removing linear-gradient kind of things, I believe they dnt render properly in outlook, directly use hex codes.

[Ankur Bawiskar]

@matthew_hughes 

the message in outlook clearly says you need to Download that image.

Did you download and see if image is coming fine?

Microsoft Outlook disables auto download of images in email to protect privacy or any other issue such as security risk.

check this link and enable it in Outlook

Block or unblock automatic picture downloads in classic Outlook email messages 

also check these links which mentions some fix within ServiceNow to handle this

Background db_image fails in email notifications 

Images viewed within an email client such as Outlook do not display and appear as red X or broken im... 

The images attached to the email are visible in the HTML Body and Activity Logs also, however not vi... 

If my response helped please mark it correct and close the thread so that it benefits future readers.