using different link colors through css

digitman · 10-22-2004, 06:41 AM

Hi.
I want to use a different link color for different elements on my page. For example I have blue as the background color of my page's header,and I want to use white font color for the links in this area,and a different color for other areas.I'm trying to use classes but they don't work.There's my code from the css file:

Code:

.header {
background-image: url(images/tabstrip.gif);
background-repeat: repeat-y;
text-indent: 5%;
}

A.header.:visited {
color: white
}

But I've had no success.If I remove the ".header" part from the above statement it works,but then the color is the same throughout the page.Oh and here's the html code:

Code:

<div class="header">
<a href="index.php">Test link</a>
</div>

That's all of the code i've written so far.I'll move on to designing the other elements after I've designed the header..on which I'm stuck right now

..Any thoughts?
Thanks in advance.

Jazzee · 10-22-2004, 08:28 AM

Try this on the ones you want to be white...

<a class="header" href="index.php">Test link</a>

digitman · 10-22-2004, 04:04 PM

Hi.
Well..it worked but the word "Test" in the link text didn't have a blue background,and it had a pure white.

Jazzee · 10-22-2004, 05:40 PM

What do you mean?

digitman · 10-22-2004, 06:18 PM

nvm.I fixed it now.Thanks for the help

**LazyJim** · 10-23-2004, 10:59 AM

You origional CSS should have been a little different, the second block should be changed from ...

Code:

A.header.:visited {
color: white
}

... to this ...

Code:

.header a {
color: white
}
.header a:visited {
color: silver
}

The first means all <a> elements inside any element who's class="header" and the second means the same but all <a> links that have been visited.