Still getting my feet wet with css, so I need some advice.

If in my css I specify a:link then all text links will take on the parameters that I specified. That's great. But what happens when I have text links on a page that need to be different colors? For example, I may want text links to be blue. But I may also have text links in an area that has a blue bg. So in that case, I'd want a different color like white.

Anyone know how to specify more than 1 color for text links?

Thanks for your help.

Vito

This can be done using Classes. You set a up a stylesheet class for these links and then include a class attribute in the <a> tag for the links:
http://www.freewebmasterhelp.com/tut...ets/index3.htm

Thanks David:
Not 30 seconds ago I found the answer as well at Joe Burns' site of HTMLGoodies, but I'll keep the link you supplied for future reference as well (can never have enough tut sites bookmarked...)

Thanks again.

Vito

Not only do you have to use normal classes but also psuedo classes I think they are called. This means you can have:
----------------------------------------
<style type="text/css">
a:link #myLayer { color:#ffffff; }
</style>
...
...
<div id="myLayer">
<a href="blah1.html>blah</a><br />
<a href="blah2.html>blah</a><br />
<a href="blah3.html>blah</a><br />
</div>
----------------------------------------

Instead of this:
----------------------------------------
<style type="text/css">
a.myClass:link { color:#ffffff; }
</style>
...
...
<a href="blah1.html class="myClass">blah</a><br />
<a href="blah2.html class="myClass">blah</a><br />
<a href="blah3.html class="myClass">blah</a><br />
----------------------------------------
The advantages to using the first is two-fold. One, you don't have to type as much and therefore it means a smaller document size. And two, it is much easier if you had to change the names of the classes. On the first one you would have to only change 2 instances of the name of the layer where in the second you would have 4 instances to change the class name if you needed to do so, Hope this helps.
-dk

You can also just use span classes between the <a> tags:

<a href="blah.php"><span class="NormalTextLink">click here</span></a>

the span tag will cancel out the <a> tag's formatting.

Ok I dunno if anyone cares about how valid their code is but since the XHTML and HTML4.01 specs have been introduced by the w3c it is now frowned upon to use a block level element such as <span> or <div> inside any inline or formatting elements such as <a>, <b>, <i>, ect. Although this method with the <span> inside the <a> works in IE currently it is not going to be supported in future browsers and is very risky if you are going to try and support browsers like NS or Opera since their ability to handle code errors is far more inferior to IE's handling of the same errors.
-dk

Not quite, dk01. You're right that block-level elements cannot be contained within inline elements or <p>.

However, <span> is *not* a block-level element.
See:
http://htmlhelp.com/reference/html40/block.html
http://htmlhelp.com/reference/html40/inline.html
http://www.w3.org/TR/html401/struct/...html#edef-SPAN

Hey sorry about that. I knew span wasn't block level. I dunno why I wrote that lol. My apologies!
-dk