Return to the Web Authoring Forum | Post a Follow-Up

printer version for web page

Posted by graylight (My Page) on
Fri, Feb 18, 05 at 17:00


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

Follow-Up Postings:

RE: printer version for web page

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 >chevrons< instead of [ ] for your coding)

Also make background on page white and type in black for best printing.

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

RE: printer version for web page

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

RE: printer version for web page

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

RE: printer version for web page

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!

RE: printer version for web page

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.

 o Post a Follow-Up

Please Note: Only registered members are able to post messages to this forum.

    If you are a member, please log in.

    If you aren't yet a member, join now!

Return to the Web Authoring Forum

Information about Posting

  • You must be logged in to post a message. Once you are logged in, a posting window will appear at the bottom of the messages. If you are not a member, please register for an account.
  • Please review our Rules of Play before posting.
  • Posting is a two-step process. Once you have composed your message, you will be taken to the preview page. You will then have a chance to review your post, make changes and upload photos.
  • After posting your message, you may need to refresh the forum page in order to see it.
  • Before posting copyrighted material, please read about Copyright and Fair Use.
  • We have a strict no-advertising policy!
  • If you would like to practice posting or uploading photos, please visit our Test forum.
  • If you need assistance, please Contact Us and we will be happy to help.

Learn more about in-text links on this page here