Bonjour,
 
je dois afficher des données comprenant une petite image (thumbnail) en masse au format imprimable.
J'ai bien compris que pour faire un saut de page il faut utiliser la propriété "page-break-before" en CSS.
 
Ce qui se passe lorsqu'on utilise cette propriété, lors de l'impression cela passe à la page suivante... jusque la tout va bien.
 
Pour expliquer mon prob voici un exemple :  
 
Rubrique 1
- [Image 1] + [Texte]
- [Image 2] + [Texte]
- [Image 3] + [Texte]
 
*saut de page*
 
Rubrique 2
- [Image 1] + [Texte]
- [Image 2] + [Texte]
 
*saut de page*
 
Rubrique 3
- [Image 1] + [Texte]
- [Image 2] + [Texte]
- [Image 3] + [Texte]
- [Image 4] + [Texte]
- [Image 5] + [Texte]
- [Image 6] + [Texte]
- [Image 7] + [Texte]
- [Image 8] + [Texte]
- [Image 9] + [Texte]
- [Image 10] + [Texte]
 
 
Voila dans mon exemple les 2 premiere feuilles vont s'imprimer correctement,  
 
Mais a partir de la rubrique 3, on constate qu'il faudra plus d'une page pour imprimer cette rubrique. Mals comme les images sont de taille variable ainsi que les texte, je ne peux pas décider d'une quantité maximum d'element a imprimer par page.
 
Je laisse donc faire l'imprimante, mais le prob c'est que le dernier element de la feuille est coupé, et est imprimé sur la page suivante.  
 
Comment faire pour éviter ca?
 
Comment faire pour que lors de l'impression, ca détecte si il y a encore la place d'imprimer un élément ou pas, et si ya plus la place ca fait un saut de page automatiquement?
 
J'ai beau chercher, on cause bcp de saut de page, mais ca résoud pas mon prob.
 
Merci d'avance pouir vos réponses
 
Gat$
 
 

Salut
 
Ne pourrais tu pas t'en sortir avec les attributs Orphans ou/et widow?
C'est plus pour les blocs de texte mais peut etre y a til une possibilité de bidouiller?
 
http://fr.selfhtml.org/css/proprietes/printlayouts.htm
 
Bonne chance

J'etais dejé tombé sur cette page via google
Je c pas du tout comment m'y prendre en fait, c'est pourtant un truc élémentaire non? Je suis sur que c une connerie mais je trouve pas!
Merci

Ok, perso, j'y connais absolument rien en feuille de style d'impression.. (jamais eu l'occaz d'en faire)
 
Tu pourrais pas bidouiller en calculant la hauteur des articles d'une page (hauteur div text + hauteur photo + padding et marge) que tu comparerait a la hauteur maxi de la zone d'impression?
Apres tu insere des page-break-before ..
 
Ouais c'est de la mega bidouille je sais, attends l'avis d'un pro des print.css si tu veut (ce serait une riche idée )

J'y ai pensé, mais le truc c'est que la hauteur de chaque bloc varie suivant plein de chose (hauteur de l'image, longueur de la description, etc..) c'est pas gérable (avec précision en tout cas).

Le javascript ne connais t'il pas la hauteur exacte (et non celle donné dans le css) de tes divs?

j'ai pas essayé, mais dans word par exemple quand t'imprime un doc t'as pas a te soucier de ca si un texte ou une image est trop grande pour être imprimée sur le restant d'une page il passe a la page suivante...
 
Faire ca en javascript ca va être chaud surtout que j'connais vraiment que la base du js
 

Up personne n'a d'idées?