CSS help needed
 

here is my problem
I have this css class
.table_header {
color: #FFA34F; font-size: 12; font-weight : bold;
background-color: #006699; height: 25px;
text-align: center;


}

I use it like this:

tr class="table_header"

as you can see the background color is blue (almost blue)

my default color for links is blue and I'd like to change the link color within the table_header class

I tried
.table_header:link {
color: white; font-size: 12; font-weight : bold;
background-color: #006699; height: 25px;
text-align: center;


}

but that didn't work

any ideas?

.table_header a:link {defined here}
.table_header a:visited {defined here}
.table_header a:hover {defined here}
.table_header a:active {defined here}

Try this, edit the elements to suit.


.table_header { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px; color: #FFFFFF;}
.table_header a { color: #FFFFFF; text-decoration: none;}
.table_header a:hover { color: #486582; text-decoration: none;}
.table_header a:active { color: #FFFFFF; text-decoration: none;}

trying this now

or you could:

a.linkstyle1:link {style attributes}
a.linkstyle1:visited {style attributes}
etc.

it works but it's more of a pain in the ass because you have to add class="linkstyle1" to each of your links.

it seems like as soon as I put
a:link, a:active, a:visited { color : #006699; }
in there to apply this to all the other links that are not inside the table_header span it overrides
.table_header a { color: #FFFFFF;}

any ideas how that could be fixed?

i just tried it my way and it works fine.

put up a link to the page you're working on.

Yup your way works fine. :thumbsup