More code troubles

**Saoirse** · Mar 22, 2002, 09:39

Hi, everyone. First, I want to say "thanks" to everyone who helped me figure out my last problem (you'll all be glad to know that I've managed to encounter and resolve several problems since last weekend by myself). Now, however, I can't see to get my link colors to match my text color, even though I'm using the same RGB numbers. There are no bold codes on either my css or my page; there are no duplicate codes. I'm perplexed. And even though my straight html page is beautiful, the links show up properly, on my pages with a css link sometimes the underline shows up, sometimes it doesn't, despite the fact that I have "text-decoration: none" in the stylesheet. Hmmm. Below is the stylesheet code. Thanks, again, for your help.
a:link {
font-family: papyrus;
font-size: 12pt;
font-color: #cc99ff;
text-decoration: none;
}

a:visited {
font-family: papyrus;
font-size: 12pt;
font-color: #9966cc;
text-decoration: none;
}

a:active {
font-family: papyrus;
font-size: 12pt;
font-color: #cc99ff;
text-decoration: none;
}

body {
background-color: #663399;
font-family: papyrus;
font-color: #cc99ff;
font-size: 12pt;

**moonman** · Mar 22, 2002, 10:18

Any chance you could post the url Saoirse. There's a chance I could see something different to you.

**isotope235** · Mar 22, 2002, 10:51

Saoirse,

Not sure if its causing your problem , but adding a declaration for :hover (before active) is something worth looking at.

If that doesn't work, I'd second moonie's advice, post up some more code

**Saoirse** · Mar 22, 2002, 12:46

I'll try the :hover (isn't that a mouse-over of some kind?) and see what I get. I'm reading other posts (regarding transparent gifs and photoshop) at the moment, but I'll check out the :hover this afternoon.

**mattjacob** · Mar 22, 2002, 13:14

Part of the problem is that you were making up your own CSS properties.

The font-color you used isn't part of the CSS spec; use color instead. Copy and paste the code below as your new style sheet:

Code:

a:link {
  color: #cc99ff;
  font-family: papyrus;
  font-size: 12pt;
  text-decoration: none;
}

a:visited {
  color: #9966cc;
  font-family: papyrus;
  font-size: 12pt;
  text-decoration: none;
}

a:active {
  color: #cc99ff;
  font-family: papyrus;
  font-size: 12pt;
  text-decoration: none;
}

body {
  background-color: #663399;
  color: #cc99ff;
  font-family: papyrus;
  font-size: 12pt;
}

I would also suggest that you define some other fonts besides papyrus, because many people (including me) probably won't have that installed on their system. Also, if you're going to use exact font size measurements, use pixels (px) instead of points (pt).

**Saoirse** · Mar 22, 2002, 14:03

Will do. Thanks, again, Colon.

**Saoirse** · Mar 22, 2002, 14:22

That's the way it first appeared and I have had the wrong link color/underscore problem since then (the underscore problem seems to be o.k. now). I tried to change it because my css reference says "font-color" is the correct syntax, but I changed it back to the way you said and it worked -- but only on the page on which the code was inline -- not on the linked. I'll have to play with it some more later.

Thanks, again.

**mattjacob** · Mar 22, 2002, 15:54

Originally posted by Saoirse
and it worked -- but only on the page on which the code was inline -- not on the linked.

This is probably because you have it wrong in your external style sheet. When you declare inline styles, they will override external styles 100% of the time.