CSS a:link function - simple (hopefully!!!)

Hey all,

I have a problem. On my website I want the links in the navbar to go bold when you roll over them. However I want to keep the links on the page normal and have a different style for them? I am currently using a:link, a:hover etc.....

Any ideas would be appreciated!!! Thanks. Jack.

Just define 2 styles in your css.

Example for main content links:

a:link { text-decoration: none; font-weight: normal; color: #xxxxxx; background-color: transparent }
a:visited { text-decoration: none; font-weight: normal; color: #xxxxxx; background-color: transparent }
a:active { text-decoration: none; font-weight: normal; color: #xxxxxx; background-color: transparent }
a:hover { text-decoration: underline; font-weight: normal; color: #xxxxxx; background-color: transparent }

Example for navbar links:

a.navlink:link { text-decoration: none; font-weight: normal; color: #xxxxxx; background-color: transparent }
a.navlink:visited { text-decoration: none; font-weight: normal; color: #xxxxxx; background-color: transparent }
a.navlink:active { text-decoration: none; font-weight: normal; color: #xxxxxx; background-color: transparent }
a.navlink:hover { text-decoration: none; font-weight: bold; color: #xxxxxx; background-color: transparent }

Then, simply define the links in the navbar like so...

<a href="blah-blah" class="navlink">Navigation link #1</a>

Thank you, very much appreciated, more a PHP programmer than CSS (as you probably realised!!!).

Anyways Thanks a ton.