Skip to content Skip to sidebar Skip to footer

Specify Header And Footer To Appear On Every Page When Printed?

Is there a way to specify text to appear on the bottom and header of every page when printed? or Is there a CSS solution which would allow a header and footer to repeat on each pri

Solution 1:

Although your question is a bit too general, I'm assuming you want that specific text to appear only on your print page and not in your website. Just do a

<p class="print-this">TEXT TO BE SHOWN IN PRINT</p>

then in your print.css

.print-this {
  display: block;
}

and in your main.css

.print-this {
  display: none;
}

Oh and you need to include your stylesheet with the media option as Giu said:

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

Solution 2:

Using position:fixed, should render on every page when used in a print context

http://css-discuss.incutio.com/wiki/Printing_Headers


Post a Comment for "Specify Header And Footer To Appear On Every Page When Printed?"