28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
je suis en train de faire une feuille de style pour l'impression, et je m'aperçois qu'en fait, les propriétés propres à l'impression telles que les "page-break", widows, orphans n'ont pas l'air d'être interprétées.

J'ai vu sur http://wiki.media-box.net/documentation/css que ces propriétés étaient compatibles, mais chez moi sous FF, aucun saut de page ne se fait, quant à IE 6, il coupe où bon lui semble et ne tient aucun compte des propriétés citées plus haut.

Ce n'est pas un problème de chemin de fichier, car tous les styles "classiques" de cette feuille de styles s'appliquent.

Si quelqu'un avait une tite ressource pour moi là-dessus, ce serait gentil.

Merci !
Smiley cligne
Modifié par energizer (09 Nov 2005 - 22:41)
Salut Felipe,
effectivement, ce n'est pas très encourageant, et c'est bien dommage.
Espérons qu'un sauveur viendra nous dire qu'il existe des solutions ou des astuces...

Ce qui est le plus embêtant, c'est que si ces propriétés ne s'appliquent pas, je constate que même en en faisant à leur guise les navigateurs donnent n'importe quoi. Le texte peut être coupé horizontalement en plein milieu, j'ai ça sous IE6, et sous FF, il ne pagine même pas du tout, ce qui dépasse est carrément zappé.

A plus
Modifié par energizer (09 Nov 2005 - 17:43)
Administrateur
Sur A List Apart, il y a 2 articles, un récent http://www.alistapart.com/articles/alaprintstyles et un plus ancien qui fait référence (je crois) http://www.alistapart.com/articles/goingtoprint/

Le bug au-delà des 3 pages dans FF (article récent, § key to clarity) est assez représentatif des #@£ qui sortent en général de l'imprimante (et encore, il y a un aperçu dans FF et IE6, ça n'a pas toujours été le cas) Smiley lol
Perso, j'utilise l'extension Aardvark pour virer tout ce dont je n'ai pas besoin dans une page avant de l'imprimer Smiley murf mais ça c'est une solution côté utilisateur seulement Smiley decu
J'ai été voir les articles,
je t'avouerai que j'ai un peu de mal en anglais, bref, ce que j'ai pu comprendre c'est qu'il parle d'un cas particulier.
Je n'y ai pas trouvé de solution.

Apparemment la solution la plus sage serait de préparer un fichier à télécharger et à imprimer, galère...

Dommage...
Bonjour,

Les propriétés CSS2.0 du media print n'ont rencontré qu'une implémentation très partielle. D'où une forte révision à la baisse de ces propriétés dans CSS2.1 (voir http://blog-and-blues.org/weblog/2004/11/24/346 )

Parmi les propriétés citées plus haut, seul page-break-before, ...-inside et ...-after peuvent finalement être utilisées.

Si Pompage utilise toujours la feuille de style print que j'avais écrite pour ce site, elle donne un bon exemple de ce qu'on peut faire en pratique :
- supprimer les éléments de navigation et les visuels inutiles à l'impression
- optimiser les polices (passer du sans serif au serif), les tailles, les interlignes et les espacements)
- ajouter grâce à :after l'insertion des urls des liens, des titles des abréviations, etc.
- éviter les sauts de pages dans certains blocs de texte ou tableau, dans une certaine mesure
- forcer un saut de page avant un bloc qu'on souhaite voir rendu sur une page unique.

En se souvenant que les styles d'impression sont indicatifs et ne permettent pas de forcer un rendu : les paramètres utilisateurs l'emportent obligatoirement dans de nombreux cas (marges, images et couleurs en particulier).

S'il s'agit de fournir un document à imprimer dans une forme très précise, passer par la génération d'un PDF (classe FPDF en PHP, par exemple, très facile d'emploi).
Modifié par Laurent Denis (10 Nov 2005 - 06:48)