spec link colors for a section of a page

[marcos]

How do I spec link colors for one small section of my page. I spec my navagation bar with different link colors? Thanks for all the help

[QuietDean]

Hi there marcos.

You need to define classes for the different links and then set separate rules for them.

eg -

if you have the links in a div, give the div a class -

<div class="links">
<a href="http://css.somepeople.net">CSS Tutorials</a>
</div>

Then your style sheet needs to apply to an anchor tag within a div classed as links -

<style type="text/css">
div.links a {
color: #ccc;
}
</style>

Or you can give each link itself a class and access it with a.classname , whatever you prefer.

[marcos]

That works for me. Thanks

[Zorath]

Hi!

I have the same problem as Marcos, I want to change the link color for just a small section of a webpage. I tested with the code example above, and it worked fine with the text, but it didn't change the border of a image-link within the small section. Anyone know a way to change the border color? (I am not allowed to edit the image)

[HTML]

What browser and version # are you using?

Dave

[Zorath]

Microsoft Internet Explorer 6.0

[QuietDean]

If you mean the default image border on links, then try -

<a href=etc><img src="blah" style="border-color: red;"></a>