Back to top

Autore Topic: Formattazione stampa articoli  (Letto 843 volte)

Offline roberto.c87

  • Esploratore
  • **
  • Post: 171
    • Mostra profilo
Formattazione stampa articoli
« il: 29 Ago 2017, 16:23:10 »
Salve a tutti, dovrei migliorare il modo in cui vengono stampati i miei articoli, in particolar modo ho la seguente necessita:
tutti gli articoli hanno una lista di immagini ognuna delle quali ha del testo affiancato (float left al div che contiene l'immagine).
Il problema si verifica quando vado a stampare tali articoli, perchè se l'ultima immagine non ha spazio sufficiente per essere stampata, allora lo spazio rimanente viene riempito con il testo, quindi nella seconda pagina mi ritrovo l'immagine ma senza il testo che è stato stampato nella pagina precedente.
Esiste una direttiva css o qualche altro metodo per risolvere tale situazione?
Ovviamente la visualizzazione degli articoli a video funziona.
grazie mille
« Ultima modifica: 30 Ago 2017, 10:00:50 da roberto.c87 »

Offline roberto.c87

  • Esploratore
  • **
  • Post: 171
    • Mostra profilo
Re:Formattazione stampa articoli
« Risposta #1 il: 30 Ago 2017, 10:06:08 »
Ho trovato la strada per risdolvere il problema ma non riesco a dare le giuste direttive css. Ho fatto le seguenti operazioni:
  • ho incluso un foglio di stile per la stampa all'interno del file index.php del template in questo modo:
Codice: [Seleziona]
// Check for a custom print CSS file
$document = JFactory::getDocument();
 $tpath = $this->baseurl . '/templates/' . $this->template;
$document->addStyleSheet( $tpath . '/css/print.css', 'text/css', 'print'); // arguments: $path, $type, $media
[/li]
   [li]ho creato il file print.css con le seguenti regole:[/li][/list]
Codice: [Seleziona]
@page { size: 210mm 297mm; margin: 10mm; }
div.immagine {
  page-break-before: always;
}
    [/li]
In questo modo per tutti i div a cui è associata la classe "immagine" viene generata un'interruzione di pagina.
A me servirebbe però che l'interruzione fosse generata solo se quel div non ha spazio sufficiente.
Ho provato le altre direttive
  • page-break-after
  • page-break-before
  • page-break-inside
ma non sono riuscito a risolvere.
Qualcuno può aiutarmi?

 



Web Design Bolzano Kreatif