Quote:
Originally Posted by vinoman2
I was able to add this print link:
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="print" />
Then I was able to in firefox go to Print > Options and check off colors and background so I was able to print the complete webpage for make copies.
|
vinoman, you should be aware that screen layouts are not print layouts. You can
and should create a different print stylesheet where you hide all the unnecessary stuff like navigation links etc. (people can’t click links on a piece of paper).
In your current case it’s not that much of an issue because your page is very simple but also be aware that print layouts should be created with the same usability thoughts in mind as screen layouts. Therefore you should keep sizes (especially page measures) flexible, don’t set a fixed size. Be aware that images and colors aren’t necessarily being printed and floats and positioning can lead to problems with page breaks. And also be aware that different browsers also render print layouts differently as they do with screen layouts.
I happened to create the print stylesheets for the ProStores website and if you look at
this page and do a print preview you’ll notice how the header navigation and the right sidebar are not being printed because that’s useless information if people print the page. They aren’t interested in the navigation, they want the main info. And you might also notice how the signup buttons are hidden in the print layout because that’s also irrelevant for the printed document.
So, for your print layout it’s enough to display the page title (text only), the main text, the contact info, and maybe the footer, too.
Read this article in A List Apart for more info on print stylesheets:
http://alistapart.com/articles/goingtoprint/
Before you post, read our: 
