multiple external css issue

[smoreland]

Hi,

I'm having a problem with my website, http://www.gamersportal.co.uk/imo

the links at the bottom are using an external css file, here is the code

a:link{color:#666666;font-family:verdana; text-decoration:none; font-size:12;}
a:active{color:#666666;font-family:verdana; text-decoration:none; font-size:12;}
a:visited{color:#666666;font-family:verdana; text-decoration:none; font-size:12;}
a:hover{color:#ffffff;font-family:verdana; text-decoration:none; font-size: 12;

However on the links page, the colour of the links are hard to see, because of the background colour. How can i use another script like the above to change the colour of my links in the main body an not the links in the black?

Thanks - :)

P.S. this is my first post :)

[Ranger56]

try making it in this order

a:link{color:#666666;font-family:verdana; text-decoration:none; font-size:12;}
a:visited{color:#666666;font-family:verdana; text-decoration:none; font-size:12;}
a:hover{color:#ffffff;font-family:verdana; text-decoration:none; font-size: 12;}
a:active{color:#666666;font-family:verdana; text-decoration:none; font-size:12;}

[smoreland]

Hi, the code works for the links in the black bar at the bottom, however it i dont want it to work for the links to the other websites, i want to change its colour using another script. im not sure if its the class or id tag, but thats what im stuck on.

Thanks again - :)

[kewlceo]

It's easy as wrapping the links on your Links page with a DIV, like so:

HTML
<div id="linksPage">Your links go here.</div>

And then adding the following to your CSS:

CSS
#linksPage a {
color: GhostWhite;
}

HTH,

Rick