Hi
I am using CSS to develop curved corners using bullet points, thus no images. It was all going well until I decided to tidy up the CSS code and shorten it.
It seems to break when I group selectors together. The CSS validates well and seems to adhere to the rules and the manuals.
The problem: the colours for the second box get taken up by the first. That is the styles for hte first box don't remain specific to it as they should becuase hte CSS defines them as descendant.
I can't sus out why it won't work.
The problem seesm to be with this line:
The logic in plain'ish english I want is:
For DIV's with the CLASS set to tlcb, trcb, blcb or brcb IF they are contained within a DIV with the CLASS set to box apply the colour designated.
You can substitute CLASS for ID and interchange as I have changed from CLASS to ID's and back again in various combinations, the problem remains.
also doesn't work.
I am testing in IE6.
Online example:
http://www.realworldweb.co.uk/cssc.htm
Any ideas anyone?
MattyUK
I am using CSS to develop curved corners using bullet points, thus no images. It was all going well until I decided to tidy up the CSS code and shorten it.
It seems to break when I group selectors together. The CSS validates well and seems to adhere to the rules and the manuals.
The problem: the colours for the second box get taken up by the first. That is the styles for hte first box don't remain specific to it as they should becuase hte CSS defines them as descendant.
I can't sus out why it won't work.
The problem seesm to be with this line:
div.box div.tlcb,div.trcb,div.blcb,div.brcb {
color: #000033; /*Colour of inner box*/
}
color: #000033; /*Colour of inner box*/
}
For DIV's with the CLASS set to tlcb, trcb, blcb or brcb IF they are contained within a DIV with the CLASS set to box apply the colour designated.
You can substitute CLASS for ID and interchange as I have changed from CLASS to ID's and back again in various combinations, the problem remains.
div.box div.tlcb, div.trcb, div.blcb, div.brcb {
color: #000033; /*Colour of inner box. White space added*/
}
color: #000033; /*Colour of inner box. White space added*/
}
I am testing in IE6.
Online example:
http://www.realworldweb.co.uk/cssc.htm
Any ideas anyone?
MattyUK

Comment