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

1 Answer 1


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.
  • Would be nice to see an example if at all possible.
    – delete
    Jul 15, 2010 at 2:09
  • [shameless plug] I have it implemented on isearchnotes.com/single.php?id=59 view the print preview. to See. Jul 15, 2010 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, 2010 at 5:20
  • 2
    Here's a bit more detail: alistapart.com/articles/goingtoprint Jul 15, 2010 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. Jul 15, 2010 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.