Sent by Rees, Mark on 20 December 2007 14:02
I am having problems formatting a copyright footer on my pages. A minimal
page and CSS file may be seen at http://trevor.freehomepage.com/copy.html
and http://trevor.freehomepage.com/test.css
The browser is IE as my pages are delivered through an IE component inside
another application.
What I want is to see a single pale line above the copyright block, but the
black border from a normal "table" appears to be trumping the colour setting
I have applied to a ".copyright table".
The "copyleft" block appears as I would expect; the border: 2px solid green
is applied correctly. The ordinary "table" border colour is not being
carried through in this case.
If I insert a "border: none;" in the ".copyright table" style ahead of the
border-top (hoping that this will kill the black border) I still see a black
top border.
What is going on? Can some kind person explain what I obviously don't
understand about inheritance here?
---
These are the CSS rules applied to the table with the top black border:
..copyright table {
border-bottom:medium none;
border-left:medium none;
border-right:medium none;
}
table {
border:thin solid black;
border-collapse:collapse;
margin-bottom:0.5em;
margin-top:0.5em;
}
table {
font-size:1em;
}
None of them override the black border applied by the "table" declaration
Adding border-color:#AAAAAA; to the first declaration will solve the problem.
The Firebug extension to Firefox is very useful when it comes to troubleshooting this kind of
problem
Mark
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
