Print single element on all print pages

1

I'm developing a WEB system and at the time of printing the precise screen I put at the end of each page a imagem , is it possible?

So far I have the following code:

.hide{
      display: none;
 }
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

<!-- ISSO È criado dinamicamente com PHP  entao imagine um for -->

<!-- inicio do for -->
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<h1>conteudo do site</h1>
<!-- fim do for -->



<!-- tenho essa div -->
<div>
  <img src='https://www.codigofonte.com.br/wp-content/uploads/2013/10/url.jpg' width="200" />
<div>


</body>
</html>

In this example I have a div with imagem that I want to print in the footer of all pages regardless of the number of pages created.

Remember that content is generated dynamically through a FOR

    
asked by anonymous 23.02.2018 / 16:02

1 answer

5

You can use @media print for this.

Translating the text (Google Translate) we have this:

  

Intended for paged material and documents viewed on-screen in print view.

In summary, it will be applied at the time of viewing for printing.

For your specific example, we'll also use Paged media and others Medias Types .

Basically, we'll start with footer with display:none . So it will not appear in the normal view of the page.

footer {
  display: none;
}

At time of printing, we'll change to display:block and we can set other styles if you like.

 footer {
    position: fixed;
    bottom: 0;
    display: block;
  }

We will also use the page-break-inside property for terms a page break.

In the example below I have added other properties, but it is only to better fit the example.

footer {
  display: none;
}

@page {
  size: A4;
  margin: 11mm 17mm 17mm 17mm;
}

@media print {
  footer {
    position: fixed;
    bottom: 0;
    display: block;
  }
  p {
    page-break-inside: avoid;
  }
  html,
  body {
    width: 210mm;
    height: 297mm;
  }
}
<button onclick="window.print()">Imprimir</button>
<h1>
  Conteúdo
</h1>
<p>
  Mussum Ipsum, cacilds vidis litro abertis. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Si u mundo tá muito paradis? Toma um mé que o mundo vai girarzis! Pra lá , depois divoltis porris, paradis. Sapien in monti
  palavris qui num significa nadis i pareci latim. Copo furadis é disculpa de bebadis, arcu quam euismod magna. Suco de cevadiss deixa as pessoas mais interessantis. Aenean aliquam molestie leo, vitae iaculis nisl. Mé faiz elementum girarzis, nisi eros
  vermeio. Manduma pindureta quium dia nois paga. Casamentiss faiz malandris se pirulitá. Atirei o pau no gatis, per gatis num morreus. Diuretics paradis num copo é motivis de denguis. Mauris nec dolor in eros commodo tempor. Aenean aliquam molestie leo,
  vitae iaculis nisl. Interagi no mé, cursus quis, vehicula ac nisi. Detraxit consequat et quo num tendi nada. Paisis, filhis, espiritis santis. Per aumento de cachacis, eu reclamis. Quem manda na minha terra sou euzis! Quem num gosta di mé, boa gentis
  num é. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget. Delegadis
  gente finis, bibendum egestas augue arcu ut est. Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Leite de capivaris, leite de mula manquis sem cabeça. Viva Forevis aptent taciti sociosqu ad litora torquent.
</p>

<p>
  Mussum Ipsum, cacilds vidis litro abertis. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Si u mundo tá muito paradis? Toma um mé que o mundo vai girarzis! Pra lá , depois divoltis porris, paradis. Sapien in monti
  palavris qui num significa nadis i pareci latim. Copo furadis é disculpa de bebadis, arcu quam euismod magna. Suco de cevadiss deixa as pessoas mais interessantis. Aenean aliquam molestie leo, vitae iaculis nisl. Mé faiz elementum girarzis, nisi eros
  vermeio. Manduma pindureta quium dia nois paga. Casamentiss faiz malandris se pirulitá. Atirei o pau no gatis, per gatis num morreus. Diuretics paradis num copo é motivis de denguis. Mauris nec dolor in eros commodo tempor. Aenean aliquam molestie leo,
  vitae iaculis nisl. Interagi no mé, cursus quis, vehicula ac nisi. Detraxit consequat et quo num tendi nada. Paisis, filhis, espiritis santis. Per aumento de cachacis, eu reclamis. Quem manda na minha terra sou euzis! Quem num gosta di mé, boa gentis
  num é. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget. Delegadis
  gente finis, bibendum egestas augue arcu ut est. Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Leite de capivaris, leite de mula manquis sem cabeça. Viva Forevis aptent taciti sociosqu ad litora torquent. Quem
  num gosta di mim que vai caçá sua turmis! Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis. In elementis mé pra quem é amistosis quis leo. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo! Em pé sem cair, deitado
  sem dormir, sentado sem cochilar e fazendo pose. Si num tem leite então bota uma pinga aí cumpadi! Não sou faixa preta cumpadi, sou preto inteiris, inteiris. Mais vale um bebadis conhecidiss, que um alcoolatra anonimis. Cevadis im ampola pa arma uma
  pindureta. A ordem dos tratores não altera o pão duris.
</p>
<p>
  Mussum Ipsum, cacilds vidis litro abertis. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Si u mundo tá muito paradis? Toma um mé que o mundo vai girarzis! Pra lá , depois divoltis porris, paradis. Sapien in monti
  palavris qui num significa nadis i pareci latim. Copo furadis é disculpa de bebadis, arcu quam euismod magna. Suco de cevadiss deixa as pessoas mais interessantis. Aenean aliquam molestie leo, vitae iaculis nisl. Mé faiz elementum girarzis, nisi eros
  vermeio. Manduma pindureta quium dia nois paga. Casamentiss faiz malandris se pirulitá. Atirei o pau no gatis, per gatis num morreus. Diuretics paradis num copo é motivis de denguis. Mauris nec dolor in eros commodo tempor. Aenean aliquam molestie leo,
  vitae iaculis nisl. Interagi no mé, cursus quis, vehicula ac nisi. Detraxit consequat et quo num tendi nada. Paisis, filhis, espiritis santis. Per aumento de cachacis, eu reclamis. Quem manda na minha terra sou euzis! Quem num gosta di mé, boa gentis
  num é. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget. Delegadis
  gente finis, bibendum egestas augue arcu ut est. Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Leite de capivaris, leite de mula manquis sem cabeça. Viva Forevis aptent taciti sociosqu ad litora torquent. Quem
  num gosta di mim que vai caçá sua turmis! Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis. In elementis mé pra quem é amistosis quis leo. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo! Em pé sem cair, deitado
  sem dormir, sentado sem cochilar e fazendo pose. Si num tem leite então bota uma pinga aí cumpadi! Não sou faixa preta cumpadi, sou preto inteiris, inteiris. Mais vale um bebadis conhecidiss, que um alcoolatra anonimis. Cevadis im ampola pa arma uma
  pindureta. A ordem dos tratores não altera o pão duris.
</p>
<p>
  Mussum Ipsum, cacilds vidis litro abertis. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Si u mundo tá muito paradis? Toma um mé que o mundo vai girarzis! Pra lá , depois divoltis porris, paradis. Sapien in monti
  palavris qui num significa nadis i pareci latim. Copo furadis é disculpa de bebadis, arcu quam euismod magna. Suco de cevadiss deixa as pessoas mais interessantis. Aenean aliquam molestie leo, vitae iaculis nisl. Mé faiz elementum girarzis, nisi eros
  vermeio. Manduma pindureta quium dia nois paga. Casamentiss faiz malandris se pirulitá. Atirei o pau no gatis, per gatis num morreus. Diuretics paradis num copo é motivis de denguis. Mauris nec dolor in eros commodo tempor. Aenean aliquam molestie leo,
  vitae iaculis nisl. Interagi no mé, cursus quis, vehicula ac nisi. Detraxit consequat et quo num tendi nada. Paisis, filhis, espiritis santis. Per aumento de cachacis, eu reclamis. Quem manda na minha terra sou euzis! Quem num gosta di mé, boa gentis
  num é. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget. Delegadis
  gente finis, bibendum egestas augue arcu ut est. Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Leite de capivaris, leite de mula manquis sem cabeça. Viva Forevis aptent taciti sociosqu ad litora torquent. Quem
  num gosta di mim que vai caçá sua turmis! Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis. In elementis mé pra quem é amistosis quis leo. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo! Em pé sem cair, deitado
  sem dormir, sentado sem cochilar e fazendo pose. Si num tem leite então bota uma pinga aí cumpadi! Não sou faixa preta cumpadi, sou preto inteiris, inteiris. Mais vale um bebadis conhecidiss, que um alcoolatra anonimis. Cevadis im ampola pa arma uma
  pindureta. A ordem dos tratores não altera o pão duris.
</p>
<p>
  Mussum Ipsum, cacilds vidis litro abertis. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Si u mundo tá muito paradis? Toma um mé que o mundo vai girarzis! Pra lá , depois divoltis porris, paradis. Sapien in monti
  palavris qui num significa nadis i pareci latim. Copo furadis é disculpa de bebadis, arcu quam euismod magna. Suco de cevadiss deixa as pessoas mais interessantis. Aenean aliquam molestie leo, vitae iaculis nisl. Mé faiz elementum girarzis, nisi eros
  vermeio. Manduma pindureta quium dia nois paga. Casamentiss faiz malandris se pirulitá. Atirei o pau no gatis, per gatis num morreus. Diuretics paradis num copo é motivis de denguis. Mauris nec dolor in eros commodo tempor. Aenean aliquam molestie leo,
  vitae iaculis nisl. Interagi no mé, cursus quis, vehicula ac nisi. Detraxit consequat et quo num tendi nada. Paisis, filhis, espiritis santis. Per aumento de cachacis, eu reclamis. Quem manda na minha terra sou euzis! Quem num gosta di mé, boa gentis
  num é. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget. Delegadis
  gente finis, bibendum egestas augue arcu ut est. Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Leite de capivaris, leite de mula manquis sem cabeça. Viva Forevis aptent taciti sociosqu ad litora torquent. Quem
  num gosta di mim que vai caçá sua turmis! Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis. In elementis mé pra quem é amistosis quis leo. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo! Em pé sem cair, deitado
  sem dormir, sentado sem cochilar e fazendo pose. Si num tem leite então bota uma pinga aí cumpadi! Não sou faixa preta cumpadi, sou preto inteiris, inteiris. Mais vale um bebadis conhecidiss, que um alcoolatra anonimis. Cevadis im ampola pa arma uma
  pindureta. A ordem dos tratores não altera o pão duris.
</p>



<footer>
  <img src="https://www.google.com.br/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"/></footer>

Asaresult,wewillhavetheGooglelogoonfooterofallpages

Ifyou'dliketoreadmoreaboutthis, this question in SOen has several answers explaining how to get the same result.     

23.02.2018 / 16:19