Saut de page sans CSS2

**Momodedf** · 29/08/2007, 09h29

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.

**Tober** · 29/08/2007, 09h45

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

**Momodedf** · 29/08/2007, 10h14

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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;">
<!-- l'affichage de ma fiche client (assez long) -->
</div>
<?php 
} 
mysql_close();
?>

**Tober** · 29/08/2007, 10h38

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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

*{margin:0;padding:0}

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

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

div{float:left;}

**Momodedf** · 29/08/2007, 10h55

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

**Tober** · 29/08/2007, 11h43

bonne nouvelle

**afrodje** · 30/08/2007, 11h29

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

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

Merci à toi

**Momodedf** · 30/08/2007, 14h24

Bien sur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;">
<!-- affichage de ma fiche client (assez long) -->
</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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<head>
   <style>
      .saut_page { page-break-after:always; }
   </style>
</head>
<body>
<!-- ton html blablabla tout ça etc :p -->
<div class="saut_page"></div>
<!-- rehtml blablabla etc -->
<div class="saut_page"></div>
</body>

Donc pour mettre un saut de page un <div class="saut_page"></div> suffit

**afrodje** · 30/08/2007, 14h29

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

**Momodedf** · 30/08/2007, 14h30

Content d'avoir pu t'aider, bonne continuation dans ton apprentissage du CSS

**Tober** · 30/08/2007, 14h37

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

Saut de page sans CSS2

CSS

Discussions similaires

Partager

Partager