• This tutorial has nothing to do with FrontPage, per se, and you must hand code this.
  • What you can do with this, is target your site's visitor's printer, and tell it how many pages to print a page from your site. (E.G. Each paragraph being a different printed page).
  • This tutorial is just a simple example, there is much more that can be done with this. For more see:  http://www.w3.org/TR/REC-CSS2/page.html 
  • At this time (12/02/2000) this was tested in IE 5.0, 5.5, 5.5 SP1 and AOL 5.0 and passed. Netscape 4.+ failed.
  • On to the tutorial.

CSS2, Printing, and You

1) Open your favorite text editor and add this code:

Save your file as print.css (not print.txt), and upload it to your server.

NOTE 1: The .printstop class is for the last element on your page that is going to print. If you don't use this class your visitor's printer will print a blank sheet. If you have more on your page, after the part you want broken to individual pages, then don't use the .printstop class.

NOTE 2: You can name the .print and .printstop classes anything you want, as long as you use that same name in your HTML coding.


2) In between the <head> and </head> tags put this:
<link rel="stylesheet" type="text/css" media="print" href="print.css">

NOTE: The href= will have to point to your CSS file. The path used here is if it's in the same directory (folder) as the page that is using it.


3) Let's say you want three paragraph's on your page to print on their own sheet of paper. In HTML each <P> is a start of a paragraph, find those paragraphs you want to be on a separate sheet of paper, and go to the <P> before them and change the <P> to <P class="print"> for each one. The last paragraph would be <p class="printstop"> if it's the last thing on your page, if not then make like the other ones. 

NOTE1: In this part you do NOT use the period, as seen in the CSS coding, before the class name. (E.G. <P class="print"> is right, <P class=".print"> is wrong).

NOTE2: FrontPage 2000 (98 too??) will make each paragraph with the class in it if you are in normal view and hit enter, after one of your classed paragraphs!


4) Publish to your server and you're done. Go here for a demo page to print. (Link will open in a new browser instance).



Copyright© 1997-2009 ProWebSites.net™ All rights reserved.

This page last edited on:
Friday, January 02, 2009 11:18:51
(-5GMT/UT)