PDA

Click to See Complete Forum and Search --> : HTML Email Link Formatting

KDLA
12-20-2007, 02:14 PM
This is more of a question out of curiosity than a necessity. I have an HTML document that we're sending out via Outlook not as a document, but as the email itself. One of the things that puzzles me is that when it is rendered in MSN, Google, and Yahoo, the link colors aren't consistent: the underlining (text-decoration) is a different color than the text. I've tried several methods to eradicate this problem, such as applying text-decoration: none and a border the color of the text. The border is stripped and the default text underlining is present. Take a look at the screenshot to see what I mean.
Here's the over-cautious code I use:

<font face="Arial, Helvetica, sans-serif">
<a href="http://www.cpe.ky.gov/news/releases/nr_20071214.htm" style="color: #000;">
<font color="#000000">
Council reviews 10-year report on postsecondary reform
</font></a></font>

Is this just something that has to be lived with, or is there a way to fix it? (Our Comm. Director is REALLY picky about colors being matchy-matchy, which is why I ask.)

KDLA
sstalder
12-20-2007, 02:35 PM
Depending on what version of outlook you use. I was able to get around this before by using classes and embedded styles rather than inline styles.
KDLA
12-20-2007, 02:39 PM
I thought, though, that most email clients strip out the <head> sections of documents. :confused: At least, that's been my experience.
sstalder
12-20-2007, 05:47 PM
I never said to put the styles in the <head> :)

You can place them outside the <head>, the email client wont know either way.
KDLA
12-20-2007, 09:50 PM
So, you're saying you use a stylesheet and link to it? That's what I meant by stripping everything out of the <head> -- it would strip the link, too. At least, there are certain email clients I've tested that do that.

ARGH, I can't wait until the HTML Email standards group really takes hold!
sstalder
12-20-2007, 10:09 PM
No just put the styles in the html without the header, or outside the header.