Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

glicose

display:block em media="print"

Mensagens Recomendadas

glicose

Boas, o problema é o seguinte, quando imprimo gostaria que não aparecesse um div e aparecesse um que estava oculto. O display:none funciona e o display:block não. O display:block não funciona nesse momento?

<style type="text/css" media="print">
        #div_tela1{display:none;}
        #div_tela0{display:block;}
</style>

Grato

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
pwseo

Imagina que tens duas <div>, uma que queres que apareça apenas no ecrã (#screen) e outra que queres que apareça apenas na impressão (#print).

Crias duas folhas de estilo da seguinte forma:

/* screen.css */
#print {
  display: none;
}

/* print.css */
#screen {
  display: none;
}

E adicionas isto ao HTML:

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

Ou seja, não precisas de mostrar a div #print explicitamente... Basta que a escondas apenas quando media = screen e que não a escondas quando media = print :)

Quanto ao facto do display: none; não funcionar para modo de impressão, não faço ideia. Nunca precisei de mostrar explicitamente nenhuma <div>; apenas deixo de as esconder.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.