Discussion :

[the5et]

Bonjour à tous,

Actuellement je travaille sur un projet d'arbre généalogique , et je doit crée une page CSS pour l'impression. Et mon problème c'est que je n'arrive pas à séparer mon arbre lors de l'impression afin de l'afficher entièrement sur plusieurs pages et quand alignant les pages, les cellules et les lignes soit aligné avec la page voisine. Voici un exemple de ce que j'aimerai faire :



Bien sur je veux le faire pour tout l'arbre, pas que sur la partie qui apparaît sur la page.
Mon arbre est généré grâce au Javascript.
Et voici mon code CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
@charset "utf-8";
/* CSS Document */
 
@page {size:landscape; Marks: Cross;background: white; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
        font-size:15px; margin-left: 25 px;}
 
#header, #footer, #logo, #inscription, #fonction_site {
    display:none;
}
 
monarbre#top{
    margin: 0;
    padding:0;
    text-indent:0;
    line-height:25px;
    font-size:25px;
}

Je vous remercie d'avance pour votre aide.

[rodolphebrd]

Bonjour,

en passant par @media print et en définissant une taille plus grande des éléments pour correspondre au résultat.

[the5et]

et en définissant une taille plus grande des éléments pour correspondre au résultat.

Que veut tu dire pas une taille plus grande des éléments ?

[rodolphebrd]

En fait il s'agit d'augmenter, à la taille voulue, les éléments de la page:

• en augmentant les tailles de police
• en utilisant la propriété CSS Scale
• etc

Si le contenu n'est pas trop complexe c'est jouable.

La solution serait peut-être de passer par les propriétés d'impression de l'imprimante du client.
En gros écrire une mention, avant l'impression, du genre : "augmentez votre zone d'impression de 300%".