HTML error in email - won't display image in Outlook

Jeffrey_Paino
Level 1

HTML error in email - won't display image in Outlook

Hello! I designed an email, but the background image won't display in Outlook. I did a deliverability check and it gave me this error:

Style tag missing ; enclosures: style="style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;background-image:url('http://info.americu.org/rs/009-VYH-572/images/eace64c6-8783-4c06-a367-adb138853b82.png');background-position:top center;background-repeat:no-repeat""

I'm just not sure what that means. Any ideas?

4 REPLIES 4
Jeffrey_Paino
Level 1

Re: HTML error in email - won't display image in Outlook

p.s. this is the code where the image is:

 <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;background-image:url('http://info.americu.org/rs/009-VYH-572/images/eace64c6-8783-4c06-a367-adb138853b82.png');background-position:top center;background-repeat:no-repeat"> 

Nick_Schaeffer
Level 1

Re: HTML error in email - won't display image in Outlook

Hey Jeffrey,

If the code you have pasted above is the exact code in your email then you are missing a semicolon (;) after the "background-repeat" styling at the end of your code.

Your code above should end like this:

 <div style="border-collapse: collaps.......background-repeat:no-repeat;">  -- with a semicolon at the end of your styling and before the quotation mark.

The error message above also tells you that you are missing a semi-colon and I believe when it states "enclosures" it is trying to refer you to the location of the error which is this particular <div> module that it showed you.

Let me know if this fixed the problem!

Regards,

Jeffrey_Paino
Level 1

Re: HTML error in email - won't display image in Outlook

Hi Nick,

Thanks for the advice. Unfortunately, I'm still having the same issue after placing the semicolon where you suggested. I did another html check and it gives me the same error message 😕

Style tag missing ; enclosures: style="style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;background-image:url('http://info.americu.org/rs/009-VYH-572/images/eace64c6-8783-4c06-a367-adb138853b82.png');background-position:top center;background-repeat:no-repeat;""
Jeffrey_Paino
Level 1

Re: HTML error in email - won't display image in Outlook

Here are additional results from the HTML check:

CategoryDescription
CSSPseudo, child, sibling, and attribute CSS selectors are not widely supported. Consider using inline styling instead
HTMLStyle tag missing ; enclosures: style="style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;background-image:url('http://info.americu.org/rs/009-VYH-572/images/eace64c6-8783-4c06-a367-adb138853b82.png');background-position:top center;background-repeat:no-repeat;""
ImagesImage tag is missing height attribute (line 134)
ImagesImage tag is missing height attribute (line 336)