[Web] html + css

[PALO]

Domanda a pera:


ho delle pagine in html con fogli di stile CSS.

Vorrei stampare da browser la pagina così com'è (anche senza sfondi o elementi inutili) ma mi ritrovo sempre sia con Firefox che con IE nell'anteprima di stampa il documento impostato senza il css, praticamente il solo testo o poco più.

Questo mi sbatte il menu di navigazione del sito (normalmente a destra) in alto prima di tutto il testo rendendo il tutto una schifezza :p.

Esiste un sistema (che non sia il PRINT SCREEN...) per evitare tutto ciò? O è un limite dell'usare i fogli di stile?


Grazie.

[Dampyr]

Dipende da com'è impostata la pagina, se nell'head è impostato un metatag relativo allo stile della pagina in fase di stampa (non è difficile, è una riga di codice) ci puoi fare poco di tuo.
Mi pare comunque esistano delle estensioni per firefox in merito, provo a vedere :up:


EDIT: prova questa https://addons.mozilla.org/it/firefox/addon/700

[PALO]

Dipende da com'è impostata la pagina, se nell'head è impostato un metatag relativo allo stile della pagina in fase di stampa (non è difficile, è una riga di codice) ci puoi fare poco di tuo.
Mi pare comunque esistano delle estensioni per firefox in merito, provo a vedere :up:


EDIT: prova questa https://addons.mozilla.org/it/firefox/addon/700


Non c'è foglio di stile apposito per la stampa.

Ma grazie comunque, sempre nella categoria di quella estensione che mi hai suggerito ne ho trovata una spettacolare:
http://screenshot-program.com/fireshot/installed.php?ver=0.69

Fireshot praticamente fa il print screen non solo del visibile ma di tutta la pagina e si può stampare direttamente! :rolleyes:

[Crash and Burn]

io invece guarda un pò :asd: ti segnalo questo programmino che guarda caso si chiama PrtScr (http://www.fiastarta.com/PrtScr/)(printscreen) di cui mi hanno parlato bene

tra le features:
Accessable through Ptr Scr, Ctrl+Prt Scr, or custom hotkey
Captures full screen, rectangle selection, freehand selection, or active window
Can capture mouse cursor
Supports multiple monitors
Allows annotation over capture, with smooth, natural mouse drawing
Saves capture straight to desktop or to any file, sends it as email, edits, prints or sends to clipboard
Exports as JPG, BMP, or PNG (transparent or opaque)
Can re-scale capture before exporting
Can pre-fill capture title & comments with window title & browser URL

[Dampyr]

io invece guarda un pò :asd: ti segnalo questo programmino che guarda caso si chiama PrtScr (http://www.fiastarta.com/PrtScr/)(printscreen) di cui mi hanno parlato bene

tra le features:
Accessable through Ptr Scr, Ctrl+Prt Scr, or custom hotkey
Captures full screen, rectangle selection, freehand selection, or active window
Can capture mouse cursor
Supports multiple monitors
Allows annotation over capture, with smooth, natural mouse drawing
Saves capture straight to desktop or to any file, sends it as email, edits, prints or sends to clipboard
Exports as JPG, BMP, or PNG (transparent or opaque)
Can re-scale capture before exporting
Can pre-fill capture title & comments with window title & browser URL

Se usa Vista c'è lo snipping tool, che quasi nessuno conosce :sisi:

[PALO]

Se usa Vista c'è lo snipping tool, che quasi nessuno conosce :sisi:

Quello di Vista è un tool furbo, ma qui uso Xp.

La cosa comoda del Fireshot di cui dico sopra è che cattura anche il non visibile della pagina web.

[variac]

http://www.ie7pro.com/

Con questo addon per IE oltre a innumerevoli funzioni, c'è un'opzione per salvare la pagina intera come immagine.

Ho visto che hai risolto ma te lo segnalo comunque.

[behemoth]

ciao, non ho capito se le pagine HTML di cui parli sono tue e le puoi modificare. Comunque i css gestiscono perfettamente la stampa basta che sia specificato il tipo di media del css
il css < link href = " xxxx.css " media = " screen "> gestisce la visualizzazione classica
quello < link href = " yyyy.css " media = " print"> gestisce la stampa.
se non è specificato l'attributo media firefox pensa che il css sia quello per lo screen e quindi non lo utilizza per la stampa...
se il sito lo gestisci tu puoi aggiungere un 'altro foglio di stile uguale al primo (magari togli sfondi e menu di navigazione) e specificare media="print" :up:

[PALO]

ciao, non ho capito se le pagine HTML di cui parli sono tue e le puoi modificare. Comunque i css gestiscono perfettamente la stampa basta che sia specificato il tipo di media del css
il css < link href = " xxxx.css " media = " screen "> gestisce la visualizzazione classica
quello < link href = " yyyy.css " media = " print"> gestisce la stampa.
se non è specificato l'attributo media firefox pensa che il css sia quello per lo screen e quindi non lo utilizza per la stampa...
se il sito lo gestisci tu puoi aggiungere un 'altro foglio di stile uguale al primo (magari togli sfondi e menu di navigazione) e specificare media="print" :up:


Sì il sito lo tengo aggiornato io, ma devo ancora impararne di cose...

Ho capito cosa intendi, vedo se riesco ad applicarlo bene :) Anche perchè è un po' che meditavo di inserire un pulsante "printable version".


Segnalo un'altra alternativa: SCRAPBOOK è una bellissima estensione di Firefox che cattura e salva offline le pagine web. Una volta salvata è completamente stampabile come intendo io!

...e dire che Scrapbook sono anni che l'ho installato :p

[ingegnerlillo]

Comunque la soluzione col doppio css è sicuramente la più corretta da un punto di vista della programmazione.