Joomla.it Forum
Joomla! 3 => Joomla! 3 => : roberto.c87 29 Aug 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
-
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:
// 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]@page { size: 210mm 297mm; margin: 10mm; }
div.immagine {
page-break-before: always;
}
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?