printer friendly pages ??

[Dre313]

Is it possible to make a page printer friendly.. as to make one page fit on one paper.. and not cut off... You could probably make another page and size it to fit then create a link.. but that takes up space..

thanks for the help

 

[BDC2]

You could use the page-break-before property, but I think this only works in IE

http://www.w3schools.com/css/pr_print_pagebb.asp

BDC.

 

[grtfercho]

read this article you will not regret doing it.
It has all the information you need to save development time and create printer perfect pages.

just try it. load the page and then go to file>print.
you'll get only the contents of the page no adds, bars, or graphics.(or try the print preview option)

Probably you'll have to do some tweaking for your own site but the time spent is definetly worth it.

http://www.alistapart.com/stories/goingtoprint/

grtfercho çB^]\..
"Imagination is more important than Knowledge" A. Einstein

 

[cian]

What language(s) are you using.
Here's a few notes on doing it with server side includes:

http://www.ssi-developer.net/ssi/print.shtml

http://www.ssi-developer.net

 

[Genimuse]

The key concepts of a printer friendly page are that it has no set table width (so the browser can flow the page the way it wants to), no frames (because users get confused about how to just print part of the frame), that it has no background colors (black text on a white background is ideal), and that it has no or limited graphics.

The lack of a defined table width and frames are huge because they're the two things that keep the screen image from fitting on a piece of paper.

 

[Genimuse]

(That last sentence may not have made sense -- I meant that defined table widths and frames make it hard to print, and eliminating them makes it easy to print.)

 

[NigeW]

Style sheets can assist with printing pages.

If you have an exteneral style sheet for formatting your site pages for screen view you can also have a style sheet for printing - the code is as follows

<link href='styles/printstyles.css' rel='stylesheet' type='text/css' media='print'>

Then in the printstyle.css file you can change the font size and type (to serif) and also do something like

img {display:none;}

That will ensure no images are printed on your page.

I'm not an expert in all the possibilities so maybe the style sheet forums might have more info . . .

Hope this helps

Ciao

Nige