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?
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">
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,
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;"" |
|
Here are additional results from the HTML check:
Category | Description |
---|---|
CSS | Pseudo, child, sibling, and attribute CSS selectors are not widely supported. Consider using inline styling instead |
HTML | 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;"" |
Images | Image tag is missing height attribute (line 134) |
Images | Image tag is missing height attribute (line 336) |