Web Design Web Design Forum
Registration is free! Here you can view your subscribed threads, work with private messages and edit your profile and preferences Calendar Find other members Frequently Asked Questions Search
Home Web Design

Convenient web based access to our favorite web design Usenet groups

web design reviews

This is Interesting: Free Magazines for Graphics designers and webmasters  





Pages (2): [1] 2 »   Last Thread  Next Thread
Author
Thread Post New Thread   

stylesheet for screenplays - @page example ?
 

David J Patrick




quote this post edit post

IP Loged report this post

Old Post  06-20-04 - 12:15 AM  
I'm trying to rewrite the CSS used in
http://s92415866.onlinehome.us/file...playCSSv2.html.
using the w3.org paged media standards as described at
http://www.w3.org/TR/REC-CSS2/page.html

The ScreenplayCSS is flawed, for several reasons;
-overuse of <div id= tags
-doesn't scale screen resolutions (convert from px to in, pt ?)
-no media="print" (how much coule be shared between "screen" & "print")
-no automatic page breaks (with automatic numbering ?)

The "hollywood" screenplay format is well defined
(http://www.online-communicator.com/faq20_5.html)
Is it possible to drive a consistant printout, from html, with CSS ?
Does anyone have suggestions for improvement of the above ScreenplayCSS ?
How about an example of a page that uses the @page definition ?
thanks !
djp


Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

Tim




quote this post edit post

IP Loged report this post

Old Post  06-20-04 - 05:15 PM  
On Sat, 19 Jun 2004 12:36:29 -0400,
David J Patrick <davidjpatrick@sympatico.ca> posted:

> I'm trying to rewrite the CSS used in
> http://s92415866.onlinehome.us/file...playCSSv2.html.
> using the w3.org paged media standards as described at
> http://www.w3.org/TR/REC-CSS2/page.html
>
> The ScreenplayCSS is flawed, for several reasons;
> -overuse of <div id= tags
> -doesn't scale screen resolutions (convert from px to in, pt ?)
> -no media="print" (how much coule be shared between "screen" & "print")

Pt should be fine for printing, but not for the screen.  You're probably
best not to make font specifications in the screen styling (that's normal
advice, but I'd say even more so if you want to submit something long for
someone to read that might earn you a job - remove all obstacles that make
browser reading a pain).

> -no automatic page breaks (with automatic numbering ?)
>
> Is it possible to drive a consistant printout, from html, with CSS ?

This sort of thing, and what browsers typically do when printing (add their
own footers and headers) are some of the reasons that you'd probably not
want to print such things from a web browser.

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary).  But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.


Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

Wolfgang Wildeblood




quote this post edit post

IP Loged report this post

Old Post  06-21-04 - 09:39 AM  
David J Patrick <davidjpatrick@sympatico.ca> wrote:

> The ScreenplayCSS is flawed, for several reasons;
> -overuse of <div id= tags

Damn right, all those IDs should be classes. This won't bother the
CSS, but it's very broken HTML.


> -doesn't scale screen resolutions (convert from px to in, pt ?)
> -no media="print" (how much could be shared between "screen" & "print")

Not much. You go about it (screen and print formatting) two different
ways.

Take MyNovel.txt, for example. To print this as a "manuscript" to send
to a publisher you'd want a specific format:-

- A monospaced font giving exactly:
- 60 characters per line,
- 25 lines per page,
- 1500 characters (250 words) per page.

To achieve this in print you measure the size of the paper, deduct the
margins, then divide by 60 to get the font-size that results in 60
characters per line. Then set a line-height that results in 25 lines
per page.

But to get the same formatting on screen (i.e. line breaks in the same
places), you simply specify directly that you want 60 characters per
line.

p {
width: 60em !important;
margin: auto;
}

That's all there is to it; as usual for screen, no mention of
font-size at all. So the stylesheet just looks something like:

@media print, projection, screen {
* {
font-family: "Courier New", monospace !important;
line-height: 2;
}
}

@media print {
* { font-size: 12pt /* or whatever */ !important;
}

@media projection, screen {
p {
width: 60em !important;
margin: auto;
}
}

--
"He's a kind of super-criminal, he can travel through time and space."


Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

Neal




quote this post edit post

IP Loged report this post

Old Post  06-21-04 - 09:39 AM  
On 20 Jun 2004 22:51:41 -0700, Wolfgang Wildeblood
<wolfgangwildeblood@yahoo.com.au> wrote:

> But to get the same formatting on screen (i.e. line breaks in the same
> places), you simply specify directly that you want 60 characters per
> line.
>
> p {
>    width: 60em !important;
>    margin: auto;
> }


If only 1em = 1 character!


Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

David J Patrick




quote this post edit post

IP Loged report this post

Old Post  06-21-04 - 12:14 PM  
On Sun, 20 Jun 2004 22:51:41 -0700, Wolfgang Wildeblood wrote:

> David J Patrick <davidjpatrick@sympatico.ca> wrote:
> 
>
> Damn right, all those IDs should be classes. This won't bother the
> CSS, but it's very broken HTML.
>

I know I'm exibiting my ignorance here, but in replacing those <div id=
tags I simply use;

.dialog{ /*  . instead of #  */
margin:0pt 110pt 0pt 85pt: /* actual pixel to point conversion to be
worked out */
}

and in the html
<p class="dialog">Words words words</p>

That simple ?


Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

Wolfgang Wildeblood




quote this post edit post

IP Loged report this post

Old Post  06-21-04 - 12:14 PM  
Neal <neal413@yahoo.com> wrote:

> On 20 Jun 2004 22:51:41 -0700, Wolfgang Wildeblood
> <wolfgangwildeblood@yahoo.com.au> wrote:
> 
>
>
> If only 1em = 1 character!

That's the whole point of using monospaced fonts, Neal.

Just send your grovelling retraction on good quality paper suitable
for framing, okay?

--
"Join me, Doctor? We could rule together."


Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

Steve Pugh




quote this post edit post

IP Loged report this post

Old Post  06-21-04 - 12:14 PM  
wolfgangwildeblood@yahoo.com.au (Wolfgang Wildeblood) wrote:
>Neal <neal413@yahoo.com> wrote: 
>
>That's the whole point of using monospaced fonts, Neal.

But 1em is still the height of the font, not the width of a character.

Try it for yourself.
<div style="width: 10em; font-family: monospace; padding: 0; border:
1px solid red;">1234567890</div>
See how much wider the div is than the text?

>Just send your grovelling retraction on good quality paper suitable
>for framing, okay?

I'm sure Neal looks forward to receiving that from you.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie."  - The Doctor

Steve Pugh        <steve@pugh.net>        <http://steve.pugh.net/>


Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

Tim




quote this post edit post

IP Loged report this post

Old Post  06-21-04 - 05:15 PM  
Wolfgang Wildeblood <wolfgangwildeblood@yahoo.com.au> wrote:
 


Neal <neal413@yahoo.com> wrote:
 


Wolfgang Wildeblood wrote:
 


Steve Pugh <steve@pugh.net> posted:

> But 1em is still the height of the font, not the width of a character.

And...  It's only a *width*, it doesn't mean 60 characters across the page,
it means fill the page with text to the width of 60 ems.  You could well
have 70 characters across the page.  Even with a monospaced font, each
character is still smaller than the width of an em (which has various vague
and contradictory definitions).

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary).  But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.


Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

Neal




quote this post edit post

IP Loged report this post

Old Post  06-21-04 - 05:15 PM  
On 21 Jun 2004 02:12:17 -0700, Wolfgang Wildeblood
<wolfgangwildeblood@yahoo.com.au> wrote:


> Just send your grovelling retraction on good quality paper suitable
> for framing, okay?
>

Sorry it's been flushed ;)



Post Follow-Up to this message ]
Re: stylesheet for screenplays - @page example ?
 

PeterMcC




quote this post edit post

IP Loged report this post

Old Post  06-22-04 - 12:16 AM  
David J Patrick wrote in
<pan.2004.06.19.16.36.28.779818@sympatico.ca>

> I'm trying to rewrite the CSS used in
> http://s92415866.onlinehome.us/file...playCSSv2.html.
> using the w3.org paged media standards as described at
> http://www.w3.org/TR/REC-CSS2/page.html
>
> The ScreenplayCSS is flawed, for several reasons;
> -overuse of <div id= tags
> -doesn't scale screen resolutions (convert from px to in, pt ?)
> -no media="print" (how much coule be shared between "screen" &
> "print")
> -no automatic page breaks (with automatic numbering ?)
>
> The "hollywood" screenplay format is well defined
> (http://www.online-communicator.com/faq20_5.html)
> Is it possible to drive a consistant printout, from html, with CSS ?
> Does anyone have suggestions for improvement of the above
> ScreenplayCSS ? How about an example of a page that uses the @page
>  definition ? thanks !

Apologies if this is on the wrong track but Final Draft - which is pretty
much accepted in the industry - works to the "Hollywood" format and has a
"Save as html option" which I've never used until your post. So, I just
tried it - confidently expecting Word-style bloat. Because of the
constraints of the screenplay format, FD is able to simply output the entire
thing in <pre>. Perhaps that might point in a useful direction.

BTW, FD is available as a demo at http://www.finaldraft.com/

--
PeterMcC
If you feel that any of the above is incorrect,
inappropriate or offensive in any way,
please ignore it and accept my apologies.



Post Follow-Up to this message ]
Sponsored Links
 





All times are GMT. The time now is 04:33 AM. Post New Thread   
Pages (2): [1] 2 »   Previous Last Thread   Next Thread next
Stylesheets archive | Show Printable Version | Email this Page | Subscribe to this Thread

Popular forums

Adobe Photoshop forum Macromedia Flash Web Site Design
Dreamweaver FrontPage forum
JavaScript Forum XML forum
Style Sheets VRML
Forum Jump:
Rate This Thread:

 

XML RSS Feed web design latest articles Syndicate our forum via XML or simple JavaScript

Web Design archive  Database administration help  


Top Home  -  Register  -  Control Panel   -  Memberlist  -  Calendar  -  Faq  -  Search Top