views:

62

answers:

1

I'm using Jquery ui on my university's website but they are using Serena Collage with prebuilt templates with their own styles.

The widget im using works in firefox but not ie7, which is kind of buggy.

The mater template's css is obviously the culprit.

How do I !important the Jquery UI css file or easily !important a whole style.

+4  A: 

You can't. !important is set on a per property basis (and its enough of a sledgehammer that it is best avoided there, let alone globally).

Write your selectors so they are more specific.

David Dorward
Good point. You should always be able to write specific-enough CSS selectors.
Jon Cram
the Jquery lies within the main body of the template. I dont think I have access to the main templates css files. I can only create and edit styles in the main body.Am I out of luck?
Adam
Your inline styles will override the stylesheet unless the entry in the stylesheet is marked !important
James Westgate
sorry guys. it's not the css styles. the page ended up having two DOCTYPES HTML and XHTML. I deleted one and it worked.
Adam