CODEWITHSUNDEEP
javascripthtmlcss
manraj82
manraj82

Reputation: 6325

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 printed page?

thank you

Upvotes: 1

Views: 1295

Answers (2)

corroded
corroded

Reputation: 21604

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" />

Upvotes: 2

pharalia
pharalia

Reputation: 709

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

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

Upvotes: 1

Related Questions