28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un petit souci concernant la propriété "page-break-after/before".

J'essaye en effet d'imprimer une page et je veux que certaines informations restent ensembles.

En me documentant un peu j'ai vu que la propriété "page-break-after:avoid" permet d'empêcher un saut de page après l'élément qui possède la propriété.

Et bien moi cela ne fonctionne pas.

Voici la portion de code concernée.

css

.clear {
clear:both;
overflow:hidden;
height:10px;
width:700px;
}
.cat-libelMob{
display:block;
border:0;
border-bottom: 1px solid black;
margin-top:5px;
margin-bottom:5px;
margin-right:15px;
font-size:90%;
margin-left:60px;
[b]page-break-after:avoid;[/b]
}
.cat-img-mob{
margin-left:60px;
float:left;
width:150px;
}
.cat-info-mob{
float:left;
font-size:80%;
width:550px;
}


html

<div class="clear"/>
<div class="cat-libelMob">Bureau retour droit</div>
<div class="cat-img-mob">
<img height="125" width="125" alt="Bureau retour droit" src="../Pictures/Mobilier/Mobilier/35.jpg"/>
</div>
<div class="cat-info-mob">
Catégorie Plan de travail / Bureau
<br/>
Quantité : 1 - Etat : Bon
<br/>
Couleur : Aucune - Matière : Aucune
<br/>
Longueur : 180 cm - Profondeur : 120 cm - Hauteur : 75 cm
<br/>
Mètres linéaires suspendus : 0 ml
<br/>
Mètres linéaires posés : 0 ml
<br/>
Destiné à être réaffecté
<br/>
</div>
<div class="clear"/>

Cette portion se répète tant de fois qu'il y a de meubles, en gros.
Et sur mon impression il y a parfois un saut de page entre titre et image/infos.

Merci à ceux qui prendront le temps de me lire.

Oxy.
Bonjour,

Je crois que le seul navigateur qui implémente correctement page-break-before, page-break-after et page-break-inside est Opera.

Vu l'état des implémentations des propriétés pour le média print de CSS 2.1, les styles pour l'impression sont une comodité mais pas un moyen d'obtenir une mise en page précise sur papier, du moins pas en passant pour les navigateurs web. Si on doit imprimer un document avec une bonne fidélité, il faudra passer par du PDF.

À lire: Faire une feuille de style pour l'impression.
Merci,

J'avais déjà lu ce tuto.
Je vais certainement devoir me pencher vers l'impression pdf donc.
Tu as un bon lien ou je cherche sur Google ?

Merci encore.