MozillaZine

CSS2 Tutorial at Zvon

Monday January 31st, 2000

Miloslav Nic writes, "I have just published the first version of the CSS2 tutorial at the Zvon site. It contains at this moment 50+ XML sources with 100+ simple stylesheets.

You need the Mozilla browser to see the examples. I will add support for more browsers (i.e. IE) when they reasonably support CSS2."

Thanks Miloslav. A great introduction to CSS2 (and the fact that Mozilla already supports much of it). If you want to try out the examples, use M13 - I've noticed that the CSS isn't getting applied in every example in the latest builds (if you stop and reload the example, it'll display properly). Yes, I'm filing a bug on this. :-)


#1 Nice tutorial...

by thomasd

Tuesday February 1st, 2000 9:07 AM

Reply to this message

...and it's good to see so much working. I looked at it with M13 under Win'98 and virtually everything looked good. The one real problem is that fixed positioning seemed to confuse the layout engine.

<P> The bad news is that when I tried to confirm the fixed positioning using a Linux build from last night, I found that the tutorial pages weren't laying out at all well none of the colours are being used. I think this might be an issue with the way XUL is being used. Why should this be? Can anyone confirm this?

#2 dynamic styles

by Maroney

Tuesday February 1st, 2000 1:40 PM

Reply to this message

Will Mozilla support live-changing of style attributes? I wanted to add live theme switching in my recent web page upgrade but I found that after rendering had taken place, changes to style sheet properties would have no effect on screen appearance -- unlike IE, where they live-update the screen. Thanks for any information....

#3 Re: dynamic styles

by sdm

Tuesday February 1st, 2000 3:04 PM

Reply to this message

You can change stylesheets using document.stylesheets, or you can set individual style properties. Post you page to one of the newsgroups, and we'll take a look as to why it isn't working.

#4 Re: Re: dynamic styles

by Maroney

Tuesday February 1st, 2000 4:41 PM

Reply to this message

In Navigator 4.x, you can only change them before the content is rendered. This is documented behavior. Will this change in Mozilla, so that if for instance I change the color attribute in a contextual style after the content it applies to is rendered, the screen display will change without reloading the page?

#5 Yes. (n/t)

by mozineAdmin

Tuesday February 1st, 2000 4:53 PM

Reply to this message

#7 Re: dynamic styles

by eXv <exv@randomc.com>

Sunday February 6th, 2000 2:02 PM

Reply to this message

You might like to try a Dynamic Styler script I wrote:

<http://its.gsu.edu/jsg/xml/styler/>

It basically presents you with all the stylesheets in a page, then all the rules, and all the properties for each rule. As you select a property and modify it, it gets applied in the other window real time. It works in M13, but is a bit messed up in later builds.

I bet composer already has something much better than this, but I haven't checked.

-Josh Gough

#8 Re: dynamic styles

by eXv <exv@randomc.com>

Sunday February 6th, 2000 2:06 PM

Reply to this message

You might like to try a Dynamic Styler script I wrote:

<http://its.gsu.edu/jsg/xml/styler/>

It basically presents you with all the stylesheets in a page, then all the rules, and all the properties for each rule. As you select a property and modify it, it gets applied in the other window real time. It works in M13, but is a bit messed up in later builds.

I bet composer already has something much better than this, but I haven't checked.

-Josh Gough

#6 It would be nice

by Luddite

Friday February 4th, 2000 6:32 AM

Reply to this message

to allow IE5 users to access the stuff anyway so they could see what doesn't work. Mac IE5 is supposed to support an undisclosed amount of CSS2 (as well as 100% CSS1, DOM1, and HTML4.0) and I'd like to see what does and does not work.