Programmazione Web » Css » Evitare la stampa di alcune zone di pagina
Evitare la stampa di alcune zone di pagina
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1124 volte
Supponiamo di avere una pagina composta dai seguenti div:
header, left, content, right, footer
e vogliamo che, della nostra pagina, vengano stampati solo l'header, il content e il footer!
Dobbiamo quindi eliminare dalla nostra stampa i div left e right... ecco come fare.
Creiamo un file che chiameremo print.css e incolliamoci dentro questa riga:
#left, #right, { display: none; }
Richiamiamo quindi il file esterno appena salvato incollando questa riga nella pagina in cui dobbiamo escludere i suddetti div dalla stampa! Ricordatevi che questa riga va incollata tra i tag head.
<link rel="stylesheet" type="text/css" media="print" href="print.css">
In questo modo il file print.css deve trovarsi nella root del vostro sito. Altrimenti potete cambiare il percorso con css/print.css (se per esempio volete salvarlo nella cartella di nome "css").
Fatto. Provate con File/Anteprima di stampa e testate il risultato!
Aggiungi questo tutorial ai preferiti
