PDA

View Full Version : CSS e stampa


pippo985
06-04-2005, 14:44
Salve a tutti,

sto realizzando una pagina WEB al cui interno è presente uno javascript per il lancio della stampa.
Ora vorrei che il link da cliccare non apparisse nel documento stampato.
Ho trovato in giro molti esempi sui fogli di stile che ti permettono di specificare quali parti del documento non vuoi stampare.
Cosa ho fatto:

-ho definito lo stile per la stampa
<STYLE TYPE="text/css">
.nostampa { display: none }
</STYLE>

-ho definito il div con la porzione che dovrebbe non dovrebbe essere stampata:
<div class="nostampa">
<font face="Arial" size=1><a href="javascript:print();">Print now</a></font></div>

Il problema è che poi il link non appare nella pagina WEB
:mc: :mc: :mc: mentre dovrebbe scomparire lo nel foglio stampato.

Che pensate? Dove sbaglio?

Ringrazio anticipatamente coloro che mi risponderanno.
Ciao ;)

tglman
06-04-2005, 15:01
non saprei ma la parola display mi da la senzazione di schermo no di stampa forse è qualcosa del tipo print a posto di display, credo.....
ora cerco su google Ciao.

tglman
06-04-2005, 15:10
No avevi ragione tu e proprio { display: none }
prova ad inserire questa classe non nel div ma nel tag <a> ma non credo che sia questo il problema...

altrimenti crei un file css richiamato cosi
<link rel="stylesheet" type="text/css" href="stampante.css" media="print" />

e ci inserisci dentro un
.nostampa{visibility:HIDDEN}

Prova non saprei...

pippo985
06-04-2005, 16:46
Originariamente inviato da tglman
No avevi ragione tu e proprio { display: none }
prova ad inserire questa classe non nel div ma nel tag <a> ma non credo che sia questo il problema...

altrimenti crei un file css richiamato cosi
<link rel="stylesheet" type="text/css" href="stampante.css" media="print" />

e ci inserisci dentro un
.nostampa{visibility:HIDDEN}

Prova non saprei...


Ok magari mi sono scordato media="print". Ma se volessi specificare tutto nell'html senza utilizzare un file esterno?

Per esempio
<STYLE TYPE="text/css" media="print">
.nostampa { display: none }
</STYLE>

non funziona :(