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!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Different colored hyperlinks

Status
Not open for further replies.
trent101

trent101

Programmer
Nov 4, 2005
50
AU
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.
 
Sort by date Sort by votes
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
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

kjv1611
  • Locked
  • Question
Backup Copy of Website on Different Server? FailOver? 3
Replies
5
Views
77
kjv1611
kjv1611
lexus
  • Locked
  • Question
How to send form to different people thru a dropdown
Replies
2
Views
54
Foamcow
Foamcow
pmcm
  • Locked
  • Question
Colours in Illustrator and in browsers appear different
Replies
7
Views
73
skiflyer
skiflyer
okisok
  • Locked
  • Question
MS-Word 2003 Web page building..Hyperlinks
Replies
4
Views
50
trollacious
trollacious
cammy
  • Locked
  • Question
Site looks different after uploading to host
Replies
5
Views
52
ChrisHunt
ChrisHunt

Part and Inventory Search

Sponsor

Back
Top