CSS trouble

[xadrieth]

Hi.

I'm usually a pretty good at CSS, but I'm having a little trouble trying trying to get the right results.

I was creating a news script that allows people to select one article at a time, and if it has an invalid id like "t" it shows an error box linking back to the news page.

This is my script:
http://twewy-fan.com/php

This is a good page:
http://twewy-fan.com/php/index.php?article_id=1

This is a bad page (needs CSS fixing):
http://twewy-fan.com/php/index.php?article_id=t

And this is my CSS:

table.error
{ background: #FFE3E3;
color: #FF0A0A;
width: 50%;
padding: 5px;
border-width: 1px;
border-color: #FF2C2C;
text-align: left;}

a:link {color: #d8d8d8; font-weight: normal; text-decoration: underline;}
a:visited {color: #e5e5e5; font-weight: normal; text-decoration: underline;}
a:hover {color: #0CA5F2; font-weight: normal; text-decoration: underline;}
a:active {color: #82CAD8; font-weight: normal; text-decoration: underline;}

It's something wrong with the color property I think.

If you see, it's appering white, instead of the nice red color i want.

Any help is appreciated.

Thanks.

 

[misson]

Safari's web inspector (Firefox's DOM inspector works as well--gotta love 'em) reveals you've got a ruleset with selector "body, td" in /coredocs/tf_main_css.css that sets color; thus the color property for td won't inherit from table.error. Add:

table.error td { color: inherit; }

 

[xadrieth]

Thank you, that did the trick.