Ignore style tags

[ComputerSnack]

I have a portion of text on a page that I want all inline styles to be
ignored. Is there a way to do this?

Thanks,

Kevin

[Chris Leipold]

Hi,

ComputerSnack wrote:

I have a portion of text on a page that I want all inline styles to be
ignored. Is there a way to do this?

Could you be more specific or post an example/URL?
Do you want the elements to be hidden or do you want them to be
displayed 'neutral'?

Chris

[ComputerSnack]

Okay, I have a page that is dynamically generated from a database. One
of the database fields has a lot of misc. html and inline style tags in
it. Let's call this the "description" paragraph.

Right now, the description paragraph is formatted according to the
inline style tags, however, I want it to be formatted according to my
standard css that I have set for the rest of the page.

I was told that inline css tags overwrite anything else, however, I
guess I want to do the opposite, but only for this section. How do I do
it? Could it be with another inline tag?

[Chris Leipold]

Hi,

I was told that inline css tags overwrite anything else, however, I
guess I want to do the opposite, but only for this section. How do I do
it? Could it be with another inline tag?

No chance. You *can* put two style-Attributes in one Element but this is
no valid HTML and the results will be chaotic - depending on the browser.

If you get the Elements of a database, why don't you use a script (I
guess you use PHP and MySQL) to strip the inline-styles?

Chris

[Mark Tranchant]

Chris Leipold wrote:

Hi,

I was told that inline css tags overwrite anything else, however, I
guess I want to do the opposite, but only for this section. How do I do
it? Could it be with another inline tag?

No chance. You *can* put two style-Attributes in one Element but this is
no valid HTML and the results will be chaotic - depending on the browser.

You could, of course, overrule the existing property declarations within
the existing style attribute:

<p style="border: 1px solid red; border: none;">...</p> for example.

Alternatively, if *you* just want to see what it looks like, rather than
publishing the results, get Firefox and the Web Developers' Toolbar,
which features the ability to turn off all styles.

--
Mark.
http://tranchant.plus.com/

[Neal]

On 10 Dec 2004 01:54:44 -0800, ComputerSnack <pr******@yahoo.com> wrote:

Okay, I have a page that is dynamically generated from a database. One
of the database fields has a lot of misc. html and inline style tags in
it.

I would be remiss to fail to mention this: while you might have your hands
tied in this matter, this is about the worst way to implement this. There
is no means for removing style completely once it's applied - the best you
can do is replace it with some other style, which may or may not match the
particular UA's rendering defaults. It's a little like salting your soup.
You can always add a bit more, but you can't really take it out once it's
in there.

Therefore, the best way to implement what you're after is to send no CSS
with the data, and instead add the CSS only where you want it. The best
means based on what you have is to use a server script to remove all style
attributes from the included markup, and then add new CSS to it as you
require.

[ComputerSnack]

Thanks for everyone's comments. I found a solution that worked
perfectly from a post at another forum. His solution was to use the
!important modifier. It worked great. It forced my css to overrite any
of the users inline or any other css. Here is a link to the thread:
http://www.htmlforums.com/showthread...threadid=50345
Here is the message. It's from htmlforums.com
-----
You might have some luck using the !important modifier. !important
designates a CSS rule as not overridable. You could probably do
something like:

..noCrappyOfficeFormatting * { font-size: 10pt !important;
color: #000 !important; }

Inserting, obviously, the rules you intend to use. The asterisk is a
wildcard selector, so it should catch everything inside any object with
the "noCrappyOfficeFormatting" class (or whatever you want to call it).

Rys

----

Neal wrote:

On 10 Dec 2004 01:54:44 -0800, ComputerSnack <pr******@yahoo.com> wrote:

Okay, I have a page that is dynamically generated from a database. One of the database fields has a lot of misc. html and inline style tags in it.
I would be remiss to fail to mention this: while you might have your

hands tied in this matter, this is about the worst way to implement this. There is no means for removing style completely once it's applied - the best you can do is replace it with some other style, which may or may not match the particular UA's rendering defaults. It's a little like salting your soup. You can always add a bit more, but you can't really take it out once it's in there.

Therefore, the best way to implement what you're after is to send no CSS with the data, and instead add the CSS only where you want it. The best means based on what you have is to use a server script to remove all style attributes from the included markup, and then add new CSS to it as you require.

[Michael Rozdoba]

ComputerSnack wrote:

Thanks for everyone's comments. I found a solution that worked
perfectly from a post at another forum. His solution was to use the
!important modifier. It worked great. It forced my css to overrite any
of the users inline or any other css. Here is a link to the thread:
http://www.htmlforums.com/showthread...threadid=50345
Here is the message. It's from htmlforums.com
-----
You might have some luck using the !important modifier. !important
designates a CSS rule as not overridable.

No it doesn't. See http://www.w3.org/TR/REC-CSS2/cascade.html

It might meet your requirements, however any user styles also marked
!important will take priority aiui.

--
Michael
m r o z a t u k g a t e w a y d o t n e t