[Résolu] Sauts de page

Cath

12 May 2005 à 19:31

Bonjour,

Je fais pour la première fois un feuille de style pour l'impression.
Je souhaitais que certains les éléments de la page ne s'impriment pas. C'est OK
Je souhaitais aussi qu'il n'y ait de saut de page qui coupe un <div>, constitué d'une photo et d'un texte associé. C'est un trombinoscope
J'ai essayé ainsi (extrait):


...
<head>
...
<link rel="stylesheet" href="style_trombi.css" media="screen" type="text/css">
<link rel="stylesheet" type="text/css" media="print" href="print.css"  />
...
</head>
<body>
...
<div class="eleve">
<img src="photo.jpg">
...
</div>
...
</body>
...

et


.eleve {
 page-break-inside: avoid;
}

Et j'ai encore des saut de page qui coupent les images.
Une idée ?
Merci d'avance.
Modifié par Cath (13 May 2005 - 10:04)

papillon41

13 May 2005 à 09:24

Bonjour Cath,
Dans ton cas, essaye plus-tôt :

.eleve {
page-break-before: always;
}

Bien entendu, l'image est plus petite que la page.

Cath

13 May 2005 à 10:02

papillon41 a écrit :
Bonjour Cath,
Dans ton cas, essaye plus-tôt :
.eleve {
page-break-before: always;
}
.

C'est impeccable !
Un grand merci à Papillon.

Cath