printer version for web page

graylightFebruary 18, 2005


Someone told me this morning that they had trouble printing out my webpage. This was something I hadn't even thought of and I asked her to use print preview first. Apparently the text runs off the page. I thought to correct this by adding a link for a printer friendly version of my page. My question: How do I make sure that the printer friendly version doesn't fall off the page. I intend to make the printer friendly version image free so that may help some but is there a way that I can be sure that it won't fall off the page, not guess my way through it?


Here is a link that might be useful: my not printer friendly web page

Thank you for reporting this comment. Undo

Incase you have not found an answer yet here is my take: The problem is your "print friendly" page is to wide for all users screen resolution. The solution is to put your text in a table and specify its width.

Something like:

[table border="0" width="100%"][tr][td]
------content here------

(ofcourse you would use the >chevronsAlso make background on page white and type in black for best printing.

Here is a link that might be useful: Print Friendly pages

    Bookmark   March 2, 2005 at 1:21AM
Thank you for reporting this comment. Undo

Hi Ms,

Actually, I did figure it out and I put a link to my printer friendly version on the original page. I just used StarOffice to start the web page using their html templates, then I transferred it to Netscape Composer to add the final touches.

Here is a link that might be useful: my original page with link to printer friendly page

    Bookmark   March 2, 2005 at 9:51AM
Thank you for reporting this comment. Undo

You can also instruct almost any printer to scale a page to fit the size of the paper.

    Bookmark   March 2, 2005 at 12:14PM
Thank you for reporting this comment. Undo

graylight, Glad you worked it out. I write my own pages in Note Pad so I have no idea how those programs work, but glad it did the trick for you. I also forgot to mention before that I printout a copy when I finish a page just to make sure it lines up ok.

spewey, Very good point, but I'm dealing with race car drivers who access my pages and don't even know how to hit the "print" icon on the top bar let alone know how to change settings in their printer *lol* Using tables for text layout always assures me I have all bases covered!

    Bookmark   March 2, 2005 at 4:02PM
Thank you for reporting this comment. Undo

Do not follow those directions. The w3c (World Wide Web Consortium, the people who create web standards) specifically designed CSS (Cascading style sheets) to be able to handle specific types of media, including printing.

Using a CSS page (set for media="print") allows you to not have to make a separate printer friendly page. CSS separates content from design ie your .html page would have

<p class="main_text">Some text here<p>

and the .css page (linked in a <link> tag) will have

p.main_text "
color: #999;
font-size: 2em;

Now if every page linked to that style sheet and I wanted to change the way that the text displayed I can change it in one place and it will affect the whole site.

Print stylesheets offer special commands that printers can understand, such as where to put page breaks, whether a page is a left or a right (for double sided printing), margins etc. You can also turn elements of your page "off" by using "display: none;" This way you can turn off things like a navigation bar (who needs to see that on a printed web page?).

If you are going to be creating a website XHTML and CSS are the de facto standards for all future web design as layed out by the w3c. There are plenty of tutorials on web.

Good luck.

    Bookmark   June 29, 2005 at 9:01AM
Sign Up to comment
More Discussions
A post elsewhere got me playing around with the stream...
Richard (chuggerguy)
HTML link test
Does HTML work?
My client website has hit down after google Penguin...
GardenWeb needs your feedback!
Hi everyone, As you may have noticed, we've been sprucing...
Cloud Computing
What is the Advantages of Cloud Computing ?
Sponsored Products
Ambella Home Collection - Weston Credenza / Hutch - 08262-340-001
Great Furniture Deal
Computer Desks Cherry Stain Hardwood Computer Shelf 44'' W | 151120
The Renovator's Supply, Inc.
Wallet-size Replacement Cartridge
$24.50 | FRONTGATE
Inval Espresso Bookcase/ Hutch
Winners Only Horizon 32 in. File Pedestal - Brown Cherry - GHK232F1
$448.00 | Hayneedle
Juno 6" White Metal Recessed Trim with Florentine Medallion
$46.98 | Lamps Plus
People viewed this after searching for:
© 2015 Houzz Inc. Houzz® The new way to design your home™