Results 1 to 5 of 5

Thread: printer friendly page

  1. #1
    Join Date
    Feb 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default printer friendly page

    I am designing a website with top and left navigation bars.

    I want to create a printer friendly page which removes the top and left nav bars and just prints the article and pictures on a 8.5"x11" letterhead paper in the standard TImes Roman 12pt. font.

    How do I go about doing that without making a separate pdf page for each of the pages?

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    This tutorial discusses how to do this: CSS Media types and printer friendly pages.

  3. #3
    Join Date
    Feb 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I have read all these articles and tried various ways but none seem to be working.

    In fact, I even asked the people I bought a website from thinking that if I buy a website it would solve my problem. They have instructions but if you ask for help they do not guide you in any way!

    Since I am new to this, would it be possible to get some more concrete instructions - like add this to the head or body? I'm trying to learn but have not mastered this part yet. I apologize.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    There are several ways to go about doing this sort of thing and they all rely on one's knowing at least basic css styling. A good resource for that is:

    Blooberry css

    and, perhaps even better in your case, for a tutorial:

    w3schools css

    Here is their page on media types

    Basically style goes in the head though it can be anywhere usually or linked from an external file. To just begin to get the hang of it, stick to using it in the head. Observe the correct syntax as outlined in the tutorials and experiment. One tip that may be especially helpful, I hope, is - When you are testing to see the result of your printer specific styles, view the page in the browser to see how it will look live, then use the print preview option of the browser, rather than printing out the page each time, to see the effect of your printer specific styles.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Also, a tip when using the CSS @media attribute to create printer friendly pages is to use the browser's "print preview" feature to see if you got it right. If so, the preview shot given by the browser should reflect how the page would actually look with the printer specific CSS applied and when printed.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •