I'm having trouble with formatting my html to send to a mailing list. I've sent a test transmission to my company email along with web-based mail accounts at hotmail, yahoo, aol and google, but the last two don't display properly.
Here is the stylesheet, which is located inside the <body> tags (I moved it here from the <head> tags as this rendered hotmail to display properly, and has not changed the way AOL and Google Mail display it).
- Code: Select all
<STYLE type=text/css>TD img {
DISPLAY: block}
.style1 { FONT-WEIGHT: bold; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif}
.style3 { FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif}
.style4 { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif}
.style5 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif}
.style6 { FONT-SIZE: 24px}
.style10 { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif}
.bodycopy { font-family: Arial, Helvetica, sans-serif; font-size: 9px}
.bodyorange { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #F57A00}
.headorange { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #F57A00; font-weight: bold}
.headgreen { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #028995; font-weight: bold}
.bodygreen { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 14px}
.bodywhite { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
.bodysmall { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666}
.headwhite { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold }
.headnabgreen { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #F57A00; font-weight: bold }
.bodyblack { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.compgrey { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}
.toplinks { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #F57A00; line-height: 20px}
</STYLE>
I believe it is the style1, style3, style4, style5, style6 and style10 that are causing trouble as the part of the email defined by the other styles displays ok. AOL does not recognise line breaks in the section of text defined by these styles (though this might be a table issue), and Google Mail shows the text in black instead of white.
Any ideas? I don't know if these mail servers override formatting? I'd love to hear someone else's opinion on this.
Thanks very much in advance.
Abby
