I want to produce a page that displays two different link colours via a style sheet. That is to say I want the links to be different colours in both the up and over states. I have tryed various classes and inline styles but can not get two different over states. I think it's something to do with the "hover" state and the order that the syles are in but I just can't phathom it.

Ideas pleeeease
cheers

Have you made sure that your CSS links are in the proper order, like this:

a:link{
color: #F01E1E;
text-decoration: none;
}

a:visited{
color: #F01E1E;
text-decoration: none;
}

a:hover{
color: #778CB3;
text-decoration: underline;
}

If you don't put them in this exact order they won't work correctly.

Hope that helps,

Kaiman

Glenwood Springs, CO - Website Hosting and Design

Here is something I did for another post.....

Originally Posted by CasaPages

	.Y:link, .Y:visited
      	{
      	font-family: tahoma;
      	color: yellow;
      	text-decoration: underline;
      	font-size: 100%;
      	}
      	.Y:hover
      	{
      	color: blue;
      	font-size: 100%;
      	text-decoration: none;
      	}
      	
      	.Y:active
      	{
      	color: yellow;
      	font-size: 100%;
      	text-decoration: none;
      	}

then in your html use this

<a class="Y" href="#">CoolLink</a>

and modify the css till you get what you like then to make a diffrent link just change the class...

here is a quick demo

View the CSS

Hope this helps

It works! you wonderful human being. I could kiss you!

Great big thanks

Burnsie

sorry for the spam, but that's one delighted member

hope to see some more of you Burnsie