CSS Help 88 Responses

Last post: 1 year, 3 months ago | Thread started: Feb 28, 12, 5:46 a.m.

RespondNew TopicDisable Images

• 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;
  }

  Feb 28, 12, 5:46 a.m. – Permalink

• pillhead

  If I was you I would forget about using CSS in email, just use HTML and tables and keep it as basic as possible.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 28, 12, 5:48 a.m. – Permalink

• WhiteFace

  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

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 28, 12, 5:49 a.m. – Permalink

• CygnusZero4

  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.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 28, 12, 5:50 a.m. – Permalink

• jadrian_uk

  no problem with css and newsletter, maybe try declaring the css inline

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 28, 12, 5:51 a.m. – Permalink

• CygnusZero4

  All my other links are the right blue, except for the bulleted links.

  • try something like ul li a{ ... }– jadrian_uk

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 28, 12, 5:52 a.m. – Permalink

• CygnusZero4

  ^ Giddy up man, that worked. ul li a!

  • Muchos Gracias!– CygnusZero41/2

    de nada– jadrian_uk2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 28, 12, 5:56 a.m. – Permalink

• Christa

  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…

  • oooh preflight mail thing is well handy - thanks– fadein111/2

    nice!– IRNlun62/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 28, 12, 5:56 a.m. – Permalink

• IRNlun6

  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

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 28, 12, 6:17 a.m. – Permalink