Megan — Wed, 14 Mar 2007 13:07:43 +0000

I specifically wanted to avoid putting classes on table cells. That's just a big mess.

As I said, I think this is why there is a valid align= attribute on colgroup. That works fine.

demonhale — Wed, 14 Mar 2007 00:27:20 +0000

My bad, wasn't paying attention to the two previous css... the default fonts-colours.css has the master call since it doesn't call the colgroups to style the elements, instead it calls on td and th which precedes the stylings of colgroup... The only way I could see this work is to call classes inside each cell elements (i.e. I thought the website was easy to use. ) ... other than that the style is over-ridden by the th and td classes on default fonts-colours.css

Megan — Tue, 13 Mar 2007 14:22:56 +0000

That's what I thought too, and I've tried various permutations. The specificity is the same for both. I think the problem is that the td's aren't children of the colgroups. So anything I do in the colgroup - even if it's got an !important on it, is overriden by what I've got specified for td. What I am actually trying to do is center the td's inside those colgroups. This must be why there is a valid align=" attribute for colgroups.

JeevesBond — Tue, 13 Mar 2007 14:20:40 +0000

Megan wrote: I'm not sure why that is, since the default fonts-colours.css is called before the forms.css....

It goes firstly in order of specifity, if two conflicting styles have the same specifity then the one defined last is used. So the style defined in forms.css will override that of fonts-colours.css.

At least I think that is what's happening?!

Megan — Tue, 13 Mar 2007 13:19:28 +0000

Duh, double colon

Edit: no, that's not quite right. It is working but it is being overridden by the table rules in the default stylesheet. I'm not sure why that is, since the default fonts-colours.css is called before the forms.css....

demonhale — Tue, 13 Mar 2007 03:37:08 +0000

I tried this on the css for general scope: (removed color call for secondary attribute to background and then on ".questions" theres a double colon, removed the other and heres the css that worked...

/* likerts scale tables */
#contentbox table.likert .questions {background: blue;}
#contentbox table.likert .ratings {text-align: center; background: green;}