I had this same issue on my site, and fixed it by including a class descriptor on my link ("a:") entry in the style sheet.
For example, you might have a style entry for a link like this:
|
Code:
|
a:link {
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color: #6C5825;
text-decoration: none;
} |
This formats everything on the page with the "a:" tag the same. To seperate out specific links, create a second entry in your style sheet with a class, like so,
|
Code:
|
a:link.classname {
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color: #6C5825;
text-decoration: none;
} |
where the ".classname" after the a:link tag can be anything you want it to be. Now, format this new style entry however you want your different links to look. Once you have done that (changed the color or decoration or whatever), in the code of the page where those links are, enter the class info into the end of the link tag, like so :
Be sure to put the class name in double quotation marks, or it wont work.
Does that make sense? In other words, you are creating a second iteration of the link formatting under a new class, and then you are adding that class into the link tags that you want formatted. You can do this with any tag, like a
or <div> tag to great effect when it comes to formatting different areas of the site differently even though they require the same HTML tags to function.
Also, make sure you create a new class for each of the four link states (normal, active, visited, and hover) or it might look silly. You can create as many different classes for any tag as you like, so be sure to comment out what classes are for which part of the site or your CSS file can become cluttered very quickly.
Sorry if my explanation didn't use the most proper terminology... I am pretty new to this myself, but I have found that this solution works great! I hope this helped!
Cheers!