CSS per stampare

**SalvatoreDC** · 23-09-2013, 20:36

Buonasera,
complimenti per il forum.
Ormai è mezza giornata che cerco una risposta e non riesco a trovarla quindi confido in voi che siete sempre disponibili.
Ho creato un blog dove inserisco dei video con sotto il testo originale e la traduzione in italiano,
ho creato in fondo alla pagina tre link per la stampa (uno per il testo originale, uno per la traduzione e uno per entrambi), adesso mi si presentano due problemi:

Problema 1:
ho creato un file di nome print.css nel quale stampo solo la il testo originale, adesso dove metto le regole per stampare il testo tradotto?

Problema 2:
il testo originale e la traduzione si trovano su due colonne affiancate, come faccio a farle stampare insieme?

Grazie per la disponibilità

**Nobody33** · 23-09-2013, 21:32

Lo mandi un link alla pagina, perché cosi mi pare che i 2 problemi si contraddicono tra loro.
Da un lato li vuoi fare stampare separatamente, dall'altro li hai nella stessa pagina

.

**SalvatoreDC** · 23-09-2013, 22:41

Originariamente inviato da Nobody33
Lo mandi un link alla pagina, perché cosi mi pare che i 2 problemi si contraddicono tra loro.
Da un lato li vuoi fare stampare separatamente, dall'altro li hai nella stessa pagina

.

Ciao e grazie per aver risposto,
in realtà vorrei che fossero gli utenti a scegliere se stampare solo il testo in originale, la traduzione o entrambi i testi in un unco foglio.

Il blog è http://musicalspace.altervista.org

**Nobody33** · 24-09-2013, 01:32

Non ci fai niente con il solo css. Dovresti usare javascript/ jQuery.

**Mich_** · 24-09-2013, 08:46

Sono tre link, quindi punteranno a tre pagine diverse.

In alternativa punteranno alla stessa pagina che pero` carica tre CSS diversi. Questo lo puoi ottenere con gli include lato server.

Pag SOLO_ORIG

codice:

<DOCTYPE ...>
<html ...>
  <head>
    <link ... CSS-print-orig ...>
    ... il resto della head ...
  </head>
  <include ... tutto HTML della pagina>
</html>

tutto HTML della pagina

codice:

<body>
  ...
</body>

per le altre pagine cambierai solo il link al CSS.

I vari CSS avranno:
SOLO_ORIG:
- blocco traduzione con display:none;
- blocco originale con width: 100%;

SOLO_TRAD:
- blocco originale con display:none;
- blocco traduzione con width: 100%;

AMBEDUE:
- blocco originale con width:49.5%; float:left
- blocco traduzione con width:49.5%; float:right;

Alla fine delle due colonne ci dovra` essere un clear:both;

**SalvatoreDC** · 24-09-2013, 12:13

Grazie per la risposta.
Ho creato nel file header.php, che è presente in ogni pagina e articolo del blog, tre link

codice:

<link type="text/css" media="print" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print1.css" />
<link type="text/css" media="print" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print2.css" />
<link type="text/css" media="print" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print3.css" />

il problema è che se clicco su qualsiasi dei tre tasti per la stampa funziona solo il primo stile cioè il link

codice:

<link type="text/css" media="print" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print1.css" />

come faccio ad assegnare a "stampa testo originale" il /print1.css
al tasto "stampa testo originale e traduzione" il /print2.css
al tasto "stampa testo tradotto" il /print3.css?

**Mich_** · 24-09-2013, 13:19

Questo non lo puoi fare lato client.

Veramente sarebbe possibile farlo tramite JS, ma viste le possibili limitazioni non conviene.

Ma vedoc eh tu usi PHP, per cui lo puoi fare direttamente da li`.

In realta` il file da chiamare tramite <link> e` uno solo: a seconda del tipo di stampa devi inserire uno o l'altro. Il file da includere deve stare in una variabile PHP.

Sposto nel forum PHP: li` ti sanno dare maggiori dettagli.

**SalvatoreDC** · 24-09-2013, 13:34

Grazie Mich_ proverò a risolvere con una variabile.
Appena trovo la soluzione la posto per chi dovesse avere lo stesso problema in futuro.

Discussione: CSS per stampare

Strumenti discussione

Ricerca discussione

Visualizza

CSS per stampare

Permessi di invio