Creating a style sheet for printer-friendly pages will enhance your user’s web experience and save them money on toner (which is also good for the environment).
You can create a separate “print.css” cascading style sheet that will remove images (and all the pesky toner that they use up!) when users print pages from your website. This will speed up the printing process and also reduce the amount of material that is printed down to the essentials, so that the user receives a printed page that is both printer-friendly and easy to read.
To make this possible, create the printer style with the following code in your print.css style sheet:
Then link to the printer style sheet within the <head> tag at the top of your html coding:
<link rel=”stylesheet” type=”text/css” media=”print” href=”print.css” />
Finally, call out the “image” style by surrounding the image link in your code with the following:
Test out the style with your printer: if the image doesn’t appear when you print the page, then you’re ready to go!