What solutions or techniques exist for offering users a printer-friendly versions of a webpage?


I do a basic css stylesheet that I setup for "print" CSS media type.

<link rel="stylesheet" href="css/print.css" media="print"  />

In this stylesheet, I'll generally do a few things:

  • Hide any navigation elements that aren't relevant.
  • Hide any search elements.
  • Modify fonts and colors
  • Modify any widths that don't mesh with a printed page.
| improve this answer | |
  • Would be nice to see an example if at all possible. – delete Jul 15 '10 at 2:09
  • [shameless plug] I have it implemented on isearchnotes.com/single.php?id=59 view the print preview. to See. – corymathews Jul 15 '10 at 2:44
  • +1 - this is the best way of doing it... though newspapers often have separate page action where they reformat and disable pagination. Now if only Chrome had a print preview function... – JasonBirch Jul 15 '10 at 5:20
  • 2
    Here's a bit more detail: alistapart.com/articles/goingtoprint – Michael Mior Jul 15 '10 at 19:08
  • 2
    Oh yes, and this one: smashingmagazine.com/2007/02/21/… Both good resources. The first link I posted gives a nice overview though that is probably good enough. – Michael Mior Jul 15 '10 at 19:09

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.