Saut de page sans CSS2

Version imprimable

29/08/2007, 09h29
Momodedf

Saut de page sans CSS2

Bonjour,

J'ai un petit probleme avec les saut de pages ^^
En fait je créé une trééés longue page grâce à une boucle while (en php) qui créé des fiches (qui sont donc toutes identiques et sont plus petites qu'une page normale).

Là où ça coince c'est que ces quelques 70 fiches en moyenne doivent être imprimées et toutes tenir dans une seule feuille A4 dans déborder.
J'ai bien cherché une solution sur le net mais apparement @page n'est implémenté que dans le CSS2 et les postes qui devront utiliser mon application tournent sur IE6.0

Je vous remercie d'avance pour votre aide.
29/08/2007, 09h45
Tober

est ce que tu peux préciser ce que tu entend par "fiche" et, peux tu nous mettre un peu de code pour nous montrer ce que ca donne :)

En fait je me connecte à une base de donnée contenant des informations sur les clients en cours.

Grace à ces données je crée une sorte de ficher client avec toutes les information necessaires.
Le tout forme un bloc grace à une balise <div> (et à chaque client on créé un bloc). Le but est dans d'effectuer un saut de ligne aprés chaque bloc.

Donc en gros ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 while($donnees = mysql_fetch_array([$retour)) { ?> <div style="border:5px solid blue; width:600px; text-align:left;">  </div> <?php } mysql_close(); ?>

29/08/2007, 10h38
Tober

et en gros, tu veux pouvoir coller les divs les un apres les autres pour pouvoir en faire tenir le plus possible sur la meme page...
tu peux déjà faire dans ton css

Code:

*{margin:0;padding:0}

ensuite pour tes divs, tu peux les coller comme ça

Code:

div{float:left;}
29/08/2007, 10h55
Momodedf

Non pas du tout, bien au contraire.

Je souhaite effectuer un saut de page (pour l'imprimante) aprés chaque div.
Donc que quand j'imprime ma page chaque page ne contienne d'une seule div peut importe le navigateur et la résolution du poste (sachant qu'une div ne prend pas beaucoup de place je ne pense pas qu'on aura de probleme au niveau de la résolution).

EDIT : en fait j'ai bien vite abandonné mes recherches aprés @page.
On peut aussi gere la pagination grâce à page-break-after.
Donc pour ceux qui en auraient besoin j'ai juste ajouté page-break-after:always; à la class de ma div qui contient les bloc.
Il existe aussi page-break-before.

Résolu donc :yaisse2:
29/08/2007, 11h43
Tober

bonne nouvelle :mrgreen:
30/08/2007, 11h29
afrodje

Citation:

Envoyé par Momodedf

Non pas du tout, bien au contraire.

Je souhaite effectuer un saut de page (pour l'imprimante) aprés chaque div.
Donc que quand j'imprime ma page chaque page ne contienne d'une seule div peut importe le navigateur et la résolution du poste (sachant qu'une div ne prend pas beaucoup de place je ne pense pas qu'on aura de probleme au niveau de la résolution).

EDIT : en fait j'ai bien vite abandonné mes recherches aprés @page.
On peut aussi gere la pagination grâce à page-break-after.
Donc pour ceux qui en auraient besoin j'ai juste ajouté page-break-after:always; à la class de ma div qui contient les bloc.
Il existe aussi page-break-before.

Résolu donc :yaisse2:

Peux tu mettre le code final, car cela m'interresse (et débutant en CSS aussi) ;)

Merci à toi

Bien sur :)
Code:

1 2 3 4 5 6 7 8 9 10 while($donnees = mysql_fetch_array([$retour)) { ?> <div style="border:5px solid blue; width:600px; text-align:left; page-break-after:always;">  </div> <?php } mysql_close(); ?>
Et donc en faisant ça en imprimant tu auras un saut de page à la fin de ta div (qui est répétée dans la boucle while).

Sinon si tu veux juste mettre un saut de page à certains endroits de ta page tu peux faire ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <head> <style> .saut_page { page-break-after:always; } </style> </head> <body>  <div class="saut_page"></div>  <div class="saut_page"></div> </body>
Donc pour mettre un saut de page un <div class="saut_page"></div> suffit :)

30/08/2007, 14h29
afrodje

C'est génial !!
Ca change la vie
J'allais partir sur du code PHP supra long. Et en 4 mots, c'est régler .

Merci ;)
30/08/2007, 14h30
Momodedf

Content d'avoir pu t'aider, bonne continuation dans ton apprentissage du CSS :)
30/08/2007, 14h37
Tober

c'est vrai que je connais deja bcp le css mais j'avais jamais entendu parler de cette propriété avant, et comme le dit afrodje, c'est quand même mieux de l'utiliser que de le gérer à la mimine :mouarf: