CSS Help
- Started
- Last post
- 8 Responses
- CygnusZero4
I'm working on an html e-mail newsletter (that I didn't build), and I have some bulleted links in it. The links are dark blue, and they look fine in a browser, but this is going to be e-mailed out and when I test it in Outlook my link colors all default to the internet standard issue medium blue color. I have no idea why. I'm not much of a programmer.
I tried forcing it by adding inline styles, adding the color to the UL/LI CSS, nothing is working.
Here's my bulleted link code.
<ul><li>
<a href="#" >LINK NAME</a>
</li></ul>Here's the <a> tag CSS, which those bulleted links seem to be ignoring when tested to Outlook.
a:link,
a:hover,
a:visited,
a:active {
color:#002776;
text-decoration:underline;
}And the UL/LI CSS.
ul {
margin:0 0 0 12pt;
padding:0;
list-style:inside disc;
font-family:Arial, Helvetica, sans-serif;
font-size:9.5pt;
line-height:12pt;
font-weight:normal;
font-style:normal;
font-color:#002776;
}li {
margin:0 0 2pt 0;
text-indent:-12pt;
font-color:#002776;
}
- ********0
If I was you I would forget about using CSS in email, just use HTML and tables and keep it as basic as possible.
- WhiteFace0
try using in-line styles...
<a style="color:002776" href="#">Link</a>
A bit of a pain but more well supported I think.
- Tried that already. It doesn't work. Stays at the default URL blue.CygnusZero4
- CygnusZero40
I work at a very large company. I'm not allowed to just rebuild these templates. There has to be some way to get this working without restructuring the entire thing. I don't have much time to get this done.
- ********0
no problem with css and newsletter, maybe try declaring the css inline
- CygnusZero40
All my other links are the right blue, except for the bulleted links.
- CygnusZero40
^ Giddy up man, that worked. ul li a!
- Christa0
Howdy. You have to do some code inline or it just wont take... Put your style in the link tag. Add a <span> with a color style as well. Once you've asked each link to be the color you want twice! you have a Yahoo specific style to add. a.yshortcuts Before you publish...you can switch all your code inline automatically at http://premailer.dialect.ca AND lots of good info here http://www.campaignmonitor.com/d…
- IRNlun60
Sounds like specificity fixed your problem but you should also remove 'font-color' property from your styles. Its not a valid property, and should just be 'color'.
'color' on the ul and li only applies to non-linked text anyway so it's probably not necessary to use there either, unless you're applying a different color from the body.
- Noted. This isn't my file. I'mjust fixing up the design and making some edits.CygnusZero4