Different colored hyperlinks

trent101 · Jul 6, 2006

Hey,

I have a problem on my site where I would like the color of one set of links to be different to the color of another.

For instance, the 'mini menu' down the bottom is on a dark background, so i would like them to be white in color.

However the rest of the main content is on a white background, so if I specify this in my style sheet:

A:link
{
color...
}

A:visited
{
color....
}

it does make my mini menu links white but also makes all the other links white to!

Is there any way to fix this so only my links down the bottom are white?

Cheers.

glenmac · Jul 6, 2006

assign classes to your links.

Code:

<style>a:link.class1{color:green;} 
a:link.class2{color:black;}</style>

<a class = class1 href = blah.com> green link</a> 
<a class = class2 href = blah1.com> black link</a>
<a class = class1 href = blah2.com> another green link</a>
<a class = class2 href = blah3.com> black link</a>

Glen

http://lantzvillecomputers.com

feherke · Jul 6, 2006

Hi

Assuming that your mini menu is in a [tt]div[/tt] like this :

Code:

<html>
<head>

<style type="text/css">
[green]a:link {
  color: red;
}
a:visited {
  color: maroon;
}[/green]
[blue]#minimenu a:link {
  color: white;
  background-color: navy;
}
#minimenu a:visited {
  color: silver;
  background-color: navy;
}[/blue]
</style>

</head>
<body>

[green]<a href="#">one</a>
<a href="#">two</a>
<a href="">three</a>[/green]

<div id="minimenu">
[blue]<a href="#">one</a>
<a href="#">two</a>
<a href="">three</a>[/blue]
</div>

</body>
</html>

Feherke.

http://rootshell.be/~feherke/

BillyRayPreachersSon · Jul 7, 2006

Trent,

You should ask HTML / CSS questions in the HTML / CSS forum - forum215.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Different colored hyperlinks

trent101

Programmer

glenmac

Technical User

feherke

Programmer

BillyRayPreachersSon

Programmer

Similar threads

Part and Inventory Search

Sponsor