SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2002
    Location
    Melbourne, Australia
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    "Print Version" page

    Hi and tks in adv to anyone who can help.

    What are the best guidelines to follow when designing a "Print this page" page? eg, from page table size to printable table borders (not browser table borders, but custom 1px borders)

    Also, is there any way to force the page to be printed with a landscape orientation?

  2. #2
    SitePoint Wizard iTec's Avatar
    Join Date
    May 2001
    Location
    Sydney, Australia
    Posts
    2,243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There is no way to force the orientation of the paper as this is something that deals with the printer and not the browser.

    As for the print page, basically te only rules that you should follow is to keep design elements to a bare minimum (logo) and then have the article formated so it is easy to read offline.

    as for table width, sitepoint uses a width of 468px, so i assume that is probably the maximum printable area.

  3. #3
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would use only black text on a white background in a font face that's good for reading on paper. You would not want to use something like Verdana for printed stuff, but maybe Times New Roman would be alright. And make sure to set the type at a readable size. 8px is not good at all.

    As for width, set your <table> or <div> to 100% and let the content wrap all by itself. Get rid of any images that aren't needed, and put only a small logo in the upper left corner of the page, but in a spot so that it doesn't interfere with text wrapping.

    My last point would be to put a quite visible title on the page (I'd probably use an <h1> or <h2>), so that people know what they're reading as soon as they look at the page.

  4. #4
    What? Maelstrom's Avatar
    Join Date
    Oct 2001
    Location
    Whistler BC originally from Guelph Ontario
    Posts
    2,175
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There are two ways to take full control of printing power. Css (which I don't know and can't seem to remember the mentor who does) and Javascript.

    http://www.webreference.com/js/column95/ #margin control
    http://www.webreference.com/js/column94/ #repagination
    http://www.webreference.com/js/column93/ #user settings
    http://www.webreference.com/js/column92/ #header/footers
    http://www.webreference.com/js/column91/ #print templates
    http://www.webreference.com/js/column89/ #crap I forgot the title lets call this the basics

    I believe if you leanr the above you will get more power over the printing. Have fun.
    Maelstrom Personal - Apparition Visions
    Development - PhP || Mysql || Zend || Devshed
    Unix - FreeBSD || FreeBsdForums || Man Pages
    They made me a sitepoint Mentor - Feel free to PM me or Email me and I will see if I can help.


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
  •