display:block em media="print"

[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

[glicose]

Alguém sabe algum jeito, mesmo que não seja com media=print?

[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.