STAMPARE PAGINA WEB CON I CSS

[luglio1975]

HO CREATO UN SITO WEB CON I CSS E HTML. COME POSSO PARE PER STAMPARE UNA PAGINA?

DATEMI TUTTI I MAGGIORI AIUTI.

GRAZIE

[pierofix]

Cosa intendi?

- inserire un pulsante per lanciare la stampa;
- creare un layout appropriato per la stampa, eliminando ad esempio i pulsanti e tutti gli elementi inutili sulla carta.

[luglio1975]

creare un layout appropriato per la stampa, eliminando ad esempio i pulsanti e tutti gli elementi inutili sulla carta.

[pierofix]

Ah, ok.

Allora, la prima cosa da fare è creare un css a parte in cui "ricreare" un layout adatto per la stampa: non preoccuparti, basteranno alcune modifiche al layout originale.

Ad esempio, per nascondere gli elementi che non vuoi stampare, usa display:none; elimina poi le immagini di sfondo e sistema i margini...

Insomma, realizza un nuovo semplice layout. Una volta ottenuto il nuovo css, inserisci questo link in tutte le pagine:

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

ovviamente inserendo il giusto percorso del file css che avrai creato. Ogni qualvolta lancerai una stampa, in automatico il documento verrà settato in base a quel css (lo hai detto tramite l'attributo media="print").

Vuoi vedere questa tecnica in funzione? Vai su www.itgmarinoni.it e visualizza un'anteprima di stampa di una pagina qualsiasi.

[luglio1975]

il codice che mi hai riportato va messo in html, giusto?

mi sempra semplice.

proverò e riproverò

[pierofix]

Bè, logico: lo devi inserire nella head. Prova e facci sapere!

[luglio1975]

i margini vanno modificati come se fossi in un foglio di carta A4?

[pierofix]

Originariamente inviato da luglio1975
i margini vanno modificati come se fossi in un foglio di carta A4?

Yes, sir! Fai una ricerca in giro, magari su www.alistapart.com : ci sono alcuni trucchetti per impostare i margini.

[luglio1975]

NIENTE DA FARE, NON RIESCO A METTERLO PER BENE. MI AIUTATE?

[pierofix]

Ciao! Allora, prima richiesta è: puoi evitare di scrivere tutto maiuscolo? Grazie.

Poi, come ti avevo consigliato, qui è tutto spiegato ben bene:

- www.alistapart.com/articles/goingtoprint/
- www.alistapart.com/articles/printyourway/