Ciao a tutti.
Devo rendere una pagina html (generata tramite php...) stampabile.
Purtroppo come intestazione per ogni pagina devo metttere un logo.
Come posso fare a riconoscere il cambio di pagina?
Ho visto l'attributo @page, ma pare non sia supportato da nessun browser.
Non so come potrei fare?
Grazie!
Potresti creare un div visibile solo dalla stamapnte.Originariamente inviato da Bregovic
Ciao a tutti.
Devo rendere una pagina html (generata tramite php...) stampabile.
Purtroppo come intestazione per ogni pagina devo metttere un logo.
Come posso fare a riconoscere il cambio di pagina?
Ho visto l'attributo @page, ma pare non sia supportato da nessun browser.
Non so come potrei fare?
Grazie!
In pratica, nel file layout.css inserisci le regole css per gli schermi normali, mentre in layout_print.css metti regole css speciali per le stampanti. E con display:none inibisci la visualizzaizone di un div.codice:XHTML ... <head> <link rel="stylesheet" media="screen" href="layout.css" type="text/css" /> <link rel="stylesheet" media="print" href="layout_print.css" type="text/css" /> </head> <body> ... <div id="logo"> ... </html> file layout.css div#logo{display:none} file layout_print.css div#logo{ width:100% /*ad esempio*/ ... }
Spero di aver interpretato correttamente la tua richiesta e di essere stato chiaro.
ti ringrazio, quello l'avevo letto e volevo già provarlo.
Il problema è che io vorrei lasciare il logo su ogni pagina.
E come faccio a conoscere i salti di paggina...
:rollo:
ciao!
le proprietà per la stampa sono queste:
http://www.w3.org/TR/REC-CSS2/page.html
tieni conto però che l'unico browser che le rispetta coerentemente è Opera.
io ti consiglio di procedere così:
1. converti tutte le misure in pt (punti)
2. cambi lo sfondo della pagina in bianco ed imposti tutto il testo in nero
3. dai un margine generale al <body> calcolando che la stampa avviene di solito su un foglio A4.
4. non leggere sola la proprietà @page, ma le altre (page-break-inside, ecc.)
5. puoi usare un solo foglio di stile. scriverai:
nell'elemento <link> scriverai: media="all"codice:@media print {/* parentesi di apertura di @media */ body {margin: 10pt; padding: 0;} [omissis] }/* parentesi di chiusura di @media */
Permessi di invio
Rispondi quotando