jalarie: Printable Version

Sometimes you'd like to be able to print something different from what is displayed on the screen. One way to handle this is to have a "click here for printable version" button which links to another page. Another way to do this is to put both versions on a single page and use CSS to control what is seen. This does not work on Netscape 4:

<style type="text/css">
    @media screen {
      .NotOnScreen { display: none; }
    }
    @media print {
      .NotOnPrint { display: none; }
    }
</style>

-------------------------------------------------------

This line is on the screen and on the print.
<span class="NotOnScreen">This line is not on the screen.</span>
<span class="NotOnPrint">This one is not on the print.</span>
And this one is on both.

The above code produces the following:

This line is on the screen and the print.
This line is not on the screen.
This one is not on the print.
And this one is on both.