Home | All Questions | alt.html FAQ > CSS Basics

How do I create printer friendly pages?

With a standards-compliant website where the layout is defined in a stylesheet, there is a very simple way of making a page printer-friendly - create a print stylesheet.

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

Its probably not a good idea to print navigation and banner adverts, so just hide them in the stylesheet by display:none the relevant containers.


Inserting page breaks

In css, to introduce a page break before an <h4> element, then:

 h4 {
  page-break-before: always;
 }

Recommended Resources

Discussion

Related Questions