Stampa porzione documento

[Aran]

Ciao a tutti!

mi chiedevo se essista la possibilità tramite css, di stampare solo una parte da me scelta del documenot, per esempio qualcosa contenuto all'interno di un <div>...si può?:master:

...magari senza la necessità di usare pop up o cose del genere..

grazie in anticipo a tutti!

[pierofix]

Prova ad andare qui:

- http://www.alistapart.com/articles/alaprintstyles

Poi prova a fare un'anteprima di stampa. E' quello che vuoi ottenere?

[Aran]

In pratica vorrei che metto il link di stampa su di un testo, e possa stmapare solo quello che volgio, e che compaia il pannellino della stmapante...si può?

[pierofix]

Bè, i CSS ti permettono di fare una cosa molto più intelligente: preparare un foglio di stile che verrà caricato in automatico dal browser quando si lancerà la stampa.

Fai una ricerca nel forum per ottenere tutte le informazioni su come realizzare al meglio un layout di stampa.

[Aran]

Eh..lo sapevo di una cosa di questo tipo...è che la riceca del forum è bloccata e non so per quanto!

Sapresti darmi qulcha altra dritta?

[pierofix]

Ah, è vero, che pirla!

Il meccanismo è molto semplice. Mettiamo di avere una struttura del genere:

<div id="contenitore">
   <div id="navigazione">
      ...
   </div>
   <div id="contenuto">
      ...
   </div>
   <div id="footer">
      ...
   </div>
</div>

Quando si stampa una pagina web, spesso e volentieri si punta al contenuto ed elementi come il menù di navigazione diventano solo uno spreco di inchiostro e di spazio.

L'idea è quindi semplicemente non far visualizzare gli elementi fastidiosi. Ecco come potrebbe essere scritto un CSS che lasci visibile solo il div "contenuto":

#navigazione, #footer { display:none }

Adesso altro non ci rimane che linkare tale foglio di stile ai documenti e dire al browser di caricarlo solo e solamente in caso di stampa. Nulla di più veloce:

<link 
   rel="stylesheet" 
   type="text/css" 
   href="stampa.css" 
   media="print" />