Re: that's great, but how do I use it ?

Joe Gillespie <[email protected]> Mon, 16 Sep 2002 11:41:00 +0100
Newsgroups	gmane.comp.mozilla.composer.cascades
Message-ID	<B9AB73CC.1BAE7%[email protected]>
Davamundo writes...

> I'm hoping to use .css as an html based screenwiting program using Composer.
> 
> I found a stylesheet but don't know how to impliment it or assign styles.
> 
> any suggestions ?
> how does one learn to use CaScadeS ?
> 
> ============================================================

I'm assuming that you have been able to define the style definitions and
create the syle sheet either internally or externally?

All the moment, there is no facility to apply your styles by, say selecting
some text and choosing 'Dialogue' from a menu. You can only apply the styles
by going into HTML Source mode and doing it there. But, to your make your
life a lot easier, here are some things you can do.

Instead of the style definitions you have defined, define the elements

Body { insert the default margins, text style and color for the page }

h2  { text-transform: uppercase; page-break-after: avoid; font-family:
Courier New } (to replace your HEADING style)

You could also define some of the other 'h' elements to cope with whatever
is appropriate - character etc.

For those parts that you can't address like this, you just have to wrap the
text in <divs> like this in the source markup...

<div class="Parenthesis"><p>This line is in parenthesis!</p></div)

or 

This word is in <span class="Parenthesis">parenthesis!</div> and the rest is
not.

I would recommend that you keep your style names consistent - don't mix caps
and lower case.

Joe



        W e b   P a g e   D e s i g n   f o r   D e s i g n e r s
-------------------------------------------------------------------------
            New editorial each month at  http://www.wpdfd.com/
                           email: [email protected]





> <html>
> 
> <head>
> 
> <title></title>
> 
> <style>
> 
> <!--
> 
> .HEADING { text-transform: uppercase; page-break-after: avoid;
> font-family: Courier New }
> 
> .CHARACTER { text-transform: uppercase; margin-left: 5.69cm;
> margin-bottom: 0em; page-break-after: avoid; font-family: Courier New}
> 
> .Parenthesis { margin-left: 4.06cm; margin-right: 4.06cm; margin-top:
> 0em; margin-bottom: 0em;page-break-after: avoid; page-break-inside:
> avoid; font-family: Courier New }
> 
> .Dialogue { margin-left: 2.51cm; margin-right: 2.51cm; margin-top: 0em;
> margin-bottom: 0em; page-break-inside: avoid; font-family: Courier New }
> 
> .Description { font-family: Courier New }
> 
> -->
> 
> </style>
> 
> </head>
> 
> <body>
> 
> </body>
> 
> </html>