CSS & Linking Problems

**Peter Sinclair** · 27th April 2005, 10:00 AM

I'm trying to change the link colors of one set of links on a page but their color etc is still set to the default link settings. Here's my code:

HTML Code:

.red_links a { 
	color: red; 
	text-decoration:underline;
}

HTML Code:

<div class="redlinks">
<a href="pagetext.html">Test page</a><br>
<a href="pagetext.html">Test page</a><br>
<a href="pagetext.html">Test page</a><br>
<a href="pagetext.html">Test page</a><br>
</div>

Even though I've got all that the links still revert back to this coloring:

HTML Code:

a:link,a:active,a:visited{
 	color:blue;
 	text-decoration:none
 }
 a:hover{
 	color:blue;
 	text-decoration:underline
 }

Any ideas how I can do this without having to put a class="style" on every <a> tag?

viper · 27th April 2005, 06:54 PM

Hi peter well im not much of a css expert but i think the line

Code:

<div class="redlinks">

should be

Code:

<div class="red_links">

notice the underscore it should match the class name you chose for your links ive never done links that way before i always define the class in the hyperlink tag itself not in a div but the fix might work.

Hope this helps

Dave

**Mr. Tech** · 28th April 2005, 09:35 AM

You're right Dave. Looks like peter hasn't matched the class with the div. That wouldn't help

**Peter Sinclair** · 28th April 2005, 09:48 AM

Yes, that was a big mistake.

I've fixed it and it's still not working... Any ideas?

viper · 28th April 2005, 11:09 AM

Hi sorry peter i tried to get it to work to the only way icould get it to work wasto put the class in the hyperlink tags themselfs what you might have to do is div id's instead of div classes to get that to work but that's beond my css knowledge right now maybee ben knows how to set up the css for div id's sorry it didn't work im still learning the whole css and xhtml stuff myself lol so not very good at it yet.

Thanks

Dave

**Mr. Tech** · 28th April 2005, 12:36 PM

Peter, try putting this at the top of your CSS. It might be interfering:

Code:

a:link,a:active,a:visited{
 	color:blue;
 	text-decoration:none
 }
 a:hover{
 	color:blue;
 	text-decoration:underline
 }

**Peter Sinclair** · 28th April 2005, 04:17 PM

That did the trick! Thanks buddy!