Reset/unset css properties

[chengiz]

I have a situation where the css is coming from an external template
and I only have control after it has done its thing. One of the things
it does is set text-align of all html table fields (td, tr, th) to be
left. What this means is that even when my HTML explicitly specifies
<td align="center">, the entry displays left aligned.

Is there any way to unset or set back to default a css property? This
could give me a way to ignore the template's css for those particular
items so the code in my html would get priority. Thanks in advance.

Khan

[Thomas 'PointedEars' Lahn]

ch*****@my-deja.com wrote:

Is there any way to unset or set back to default a css property? [...]

There is, but it unfortunately it cannot be done automatically. You
have to set every property back to its supposed value manually, usually
the initial value as defined in the CSS specifications (current is CSS
2.1 [1]). The "!important" modifier would then come in handy to
override any selector in the template stylesheet with a higher
specificity. We use this approach with Plone 2.1.2 and it works OK.

Firebug's CSS inspector and, until recently, CSSVista (for IE, requires
..NET 2.0) help much to see what properties were declared by the template
stylesheet.
HTH

PointedEars
___________
[1] http://www.w3.org/TR/CSS21

[Ben C]

On 2007-07-30, ch*****@my-deja.com <ch*****@my-deja.comwrote:

I have a situation where the css is coming from an external template
and I only have control after it has done its thing. One of the things
it does is set text-align of all html table fields (td, tr, th) to be
left. What this means is that even when my HTML explicitly specifies
<td align="center">, the entry displays left aligned.

Is there any way to unset or set back to default a css property?

You might have more luck with style="text-align: center" rather than
using the deprecated attribute align="center"

Generally things in the style attribute will override things coming from
stylesheets. What happens with styles generated from other deprecated
attributes, like align, which is how deprecated attributes are
normally/probably handled these days, is more of a grey area.

[Jason Priem]

Thomas 'PointedEars' Lahn wrote:

ch*****@my-deja.com wrote:

>Is there any way to unset or set back to default a css property? [...]

There is, but it unfortunately it cannot be done automatically. You
have to set every property back to its supposed value manually, usually
the initial value as defined in the CSS specifications (current is CSS
2.1 [1]). The "!important" modifier would then come in handy to
override any selector in the template stylesheet with a higher
specificity. We use this approach with Plone 2.1.2 and it works OK.

Firebug's CSS inspector and, until recently, CSSVista (for IE, requires
.NET 2.0) help much to see what properties were declared by the template
stylesheet.
HTH

PointedEars
___________
[1] http://www.w3.org/TR/CSS21

Perhaps I'm wrong, but doesn't IE botch '!important'? I've learned not
to rely on it for that reason. However, if Kahn is looking for just a
fix to the td centering, that shouldn't matter, AFAICS. It sounds like
the template is just defining td without any specificity, so a simple
td{text-align:center} counterpunch in his stylesheet should fix it. I
think.

[Gregor Kofler]

Jason Priem meinte:

Perhaps I'm wrong, but doesn't IE botch '!important'? I've learned not
to rely on it for that reason.

IE6 does. At least where I used it to accomodate simple browser specific
styles.

Gregor
--
http://www.gregorkofler.at ::: Landschafts- und Reisefotografie
http://www.licht-blick.at ::: Forum für Multivisionsvorträge
http://www.image2d.com ::: Bildagentur für den alpinen Raum

[Andy Dingley]

On 30 Jul, 15:13, [e-mail] wrote:

What this means is that even when my HTML explicitly specifies
<td align="center">, the entry displays left aligned.

Is there any way to unset or set back to default a css property?

<td style="text-align: zig-zag-vertically;" >

Inline styles on the element have higher specificity in the cascade
than rules from the stylesheet.

[Thomas 'PointedEars' Lahn]

Gregor Kofler wrote:

Jason Priem meinte:

>Perhaps I'm wrong, but doesn't IE botch '!important'? I've learned not
to rely on it for that reason.

IE6 does. At least where I used it to accomodate simple browser specific
styles.

It does not. If it did, how come that the !important declarations set
the corresponding property value in our code and those without it did not?
PointedEars