kzen.dev
  • Perguntas
  • Etiquetas
  • Utilizadores
Notificações
Recompensas
Inscrição
Uma vez registado, será notificado das respostas e comentários às suas perguntas.
Entrar
Se já tem uma conta, inicie sessão para verificar novas notificações.
Haverá recompensas por perguntas, respostas e comentários adicionais.
Mais
Fonte
Editar
Usuário anônimo
Question

Como usar HTML para imprimir cabeçalho e rodapé em cada página impressa de um documento?

É possível imprimir páginas HTML com cabeçalhos e rodapés personalizados em cada página impressa?

I'gostaria de adicionar a palavra "UNCLASSIFIED" em vermelho, Arial, tamanho 16pt na parte superior e inferior de cada página impressa, independentemente do conteúdo.

Para esclarecer, se o documento foi impresso em 5 páginas, cada página deve ter o cabeçalho e rodapé de página personalizados.

Alguém sabe se isso é possível usando HTML/CSS?

491 2009-09-01T06:38:42+00:00 3
 Nhan
Nhan
Pergunta editada :em
Programação
stylesheet
printing
css
header
footer
Popular videos
HTML 5 - Cabeçalho (header) e rodapé (footer)
HTML 5 - Cabeçalho (header) e rodapé (footer)
há 4 anos
Removendo header e  footer de uma página HTML para impressão
Removendo header e footer de uma página HTML para impressão
há 6 anos
CSS para impressão: Como como estilizar o cabeçalho em todas as páginas, by Rafael Paiva
CSS para impressão: Como como estilizar o cabeçalho em todas as páginas, by Rafael Paiva
há 1 ano
LibreOffice Calc - Visualização da Impressão e Formatação de Página, Cabeçalho e Rodapé
LibreOffice Calc - Visualização da Impressão e Formatação de Página, Cabeçalho e Rodapé
há 2 anos
Como criar Cabeçalhos para a HTML
Como criar Cabeçalhos para a HTML
há 1 ano
Cabeçalhos, rodapés e números de páginas diferentes no mesmo arquivo do Word
Cabeçalhos, rodapés e números de páginas diferentes no mesmo arquivo do Word
há 7 anos
Word - Cabeçalho e Rodapé em diferentes páginas
Word - Cabeçalho e Rodapé em diferentes páginas
há 5 anos
Tag footer (rodapé) - Curso de HTML Completo e Profissional #30
Tag footer (rodapé) - Curso de HTML Completo e Profissional #30
há 3 anos
Word - Cabeçalho e Rodapé diferentes e quebra de seção
Word - Cabeçalho e Rodapé diferentes e quebra de seção
há 6 anos
Aula 46   Configurando pagina, visualizacao de impressao e cabecalho e rodape
Aula 46 Configurando pagina, visualizacao de impressao e cabecalho e rodape
há 7 anos
DOMPDF no Scriptcase - Cabeçalho, rodapé e paginação
DOMPDF no Scriptcase - Cabeçalho, rodapé e paginação
há 1 ano
Cabeçalho e números de página (rodapé) no Docs em 3+ níveis
Cabeçalho e números de página (rodapé) no Docs em 3+ níveis
há 1 ano
Como Inserir Cabeçalho e Rodapé no Word (Com ou Sem Imagens)
Como Inserir Cabeçalho e Rodapé no Word (Com ou Sem Imagens)
há 3 anos
Como inserir cabeçalho, rodapé e estilos no documento
Como inserir cabeçalho, rodapé e estilos no documento
há 2 anos
« Anterior
Próximo »
Esta pergunta tem 1 resposta em inglês, para as ler iniciar sessão à sua conta.
 Infotekka
Infotekka
8º novembro 2010 в 7:24
2010-11-08T07:24:19+00:00
Mais
Fonte
Editar
#9430828

Se você pegar o elemento que você quer que seja o rodapé e colocá-lo na posição:fixo e fundo:0, quando a página for impressa ele repetirá esse elemento no fundo de cada página impressa. O mesmo funcionaria para um elemento de cabeçalho, basta definir top:0 em seu lugar.

Por exemplo:

<div class="divFooter">UNCLASSIFIED</div>

CSS:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}
 Nhan
Nhan
Resposta editada :em
341
0
Ian Boyd
Ian Boyd
25º agosto 2011 в 9:10
2011-08-25T21:10:14+00:00
Mais
Fonte
Editar
#9430829

Eu acredito que a resposta correta é que HTML 5 e CSS3 não têm suporte para impressão de cabeçalho e rodapés de página em mídia `impressa'.

E enquanto você pode ser capaz de simular com ele:

  • quadros
  • blocos de posição fixa

cada um deles tem bugs que os impedem de ser a solução geral ideal.

 JYelton
JYelton
Resposta editada :em
118
0
 JYelton
JYelton
1º setembro 2009 в 6:53
2009-09-01T06:53:23+00:00
Mais
Fonte
Editar
#9430827

Isto é algo que só queres imprimir? Você poderia adicioná-lo a cada página do seu site e usar o CSS para definir a tag como uma mídia somente para impressão.

Como exemplo, este poderia ser um cabeçalho de exemplo:

<span class="printspan">UNCLASSIFIED</span>

E no seu CSS, faça algo como isto:

<style type="text/css" media="screen">
    .printspan
    {
        display: none;
    }
</style>
<style type="text/css" media="print">
    .printspan
    {
        display: inline;
        font-family: Arial, sans-serif;
        font-size: 16 pt;
        color: red;
    }
</style>

Finalmente, para incluir o cabeçalho/rodapé em cada página que você possa usar os includes do lado do servidor ou se você tiver alguma página sendo gerada com PHP ou ASP você poderia simplesmente codificá-la em um arquivo comum.

Editar:

Esta resposta destina-se a fornecer uma forma de mostrar algo na versão física impressa de um documento, sem o mostrar de outra forma. No entanto, tal como os comentários sugerem, não resolve' não resolve o problema de ter um rodapé em múltiplas páginas impressas quando o conteúdo transborda.

I'vou deixá-lo aqui no caso de ele'ainda assim é útil.

 JYelton
JYelton
Resposta editada :em
1
0
Adicionar pergunta
Categorias
Todos
Tecnologia
Cultura / Recreação
Vida / Artes
Ciência
Profissional
Negócios
Utilizadores
Todos
Novo
Popular
1
Mansur Zakirov
Registrado há 1 dia
2
Тагир Мамедов
Registrado há 3 dias
3
Алексей Толманов
Registrado há 3 dias
4
Valeriu Vodnicear
Registrado há 1 semana
5
Alex Johnson
Registrado há 2 semanas
DE
EL
ES
FR
ID
JA
PT
RO
RU
TR
ZH
© kzen.dev 2023
Fonte
stackoverflow.com
sob licença cc by-sa 3.0 com atribuição