Hello and HELP!

Welcome to the board jimbob,

You do something like this in the css:

a.darkbackstyle:link {color:White; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
a.darkbackstyle:visited {color:White; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
a.darkbackstyle:hover {color:#ffcc66; text-decoration:none;font-family:Arial,Helvetica,sans-serif; font-size:13px;}
a.darkbackstyle:active {color:White; font-family:Arial, Helvetica, sans-serif;font-size: 13px;}

Then do this in the tag:

<a href="http://www.example.com" class="darkbackstyle">Test</a>

thanks korkus for your help - I will give it a try.

much appreciated!

Jim

It's better to divide your page semantically. For example, this template does a good job.

<div id="masthead"><!-- top of page general stuff, if you put your nav menu before the content, include it here --></div>
<div id="content"><!-- what the page is all about --></div>
<div id="footer"><!-- copyright, last updated, etc. --></div>

Other sections are usually best inserted before or after #content. So, taking your question and supposing the links you need changed are in #footer. Just mark them up as normal and use CSS like ..

a:link {} /* default */
#footer a:link {} /* overrides default for all contained by #footer */

thanks Roger..I think I understand that...I followed Korkus's advice and it all works great now, but I guess your way keeps the code easier to wade through. Essentially this is 'commenting' the code isn't it?

Thanks for your suggestion and I will try to apply it.

cheers
Jim

This is all about using semantic markup.

Good code is hindered by comments. :P