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:
#image {display:none;
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:
<div id=”image”>
</div>
Test out the style with your printer: if the image doesn’t appear when you print the page, then you’re ready to go!
Hey this was doubtlessly one of the most effective articles I have view on the subject so far. I do not have any idea where you learn all your information but up! I am going to send some people to this site to read this. Fantastic, just plain amazing. I’m have just started getting into spitting out articles myself, nothing compared to your writing skills (ha!) but I’d love for you to have a look at my articles sometime! bowflex
Great information. I’m researching laser printers for my small office.
Hey Boss – its a nice blog, just looking around some blogs, seems a pretty nice platform you are using. I’m currently using WordPress for a few of my sites but looking to change one of them over to a platform similar to yours as a trial run. Anything in particular you would recommend me about it?
This is a WordPress blog, and I’ve reconfigured the style sheet. Nothing particular to recommend, but WordPress is very flexible. Enjoy!