...

View Full Version : How to print whole page



vinoman2
02-24-2009, 03:25 PM
I have a one page website: http://davespchelp.com
I would like to print it to use as a flyer.

What is needed in html/css so I can print the whole page with colors and all?

vinoman2
02-24-2009, 04:14 PM
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.

effpeetee
02-24-2009, 04:53 PM
How about this (http://exitfegs.co.uk/ScreenHunter.gif)

or this. (http://exitfegs.co.uk/ScreenHunter.jpg)

Frank

VIPStephan
02-24-2009, 05:18 PM
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 (http://prostores.com/shopping_carts_packages.html) 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/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum