Discussion :

[italiasky]

Bonjour,

Je sais qu'il existe la propriété @page : { propriétés } pour spécifier les règles lors de l'impression d'une page à partir de "Fichier > Imprimer "

Mais ca m'a l'air limité..

J'aimerais que pas tout soit imprimé par exemple, qu'une partie de la page ne soit pas imprimée, pour garder l'essentiel à imprimer

Est-ce possible ?

Merci
++

[Bisûnûrs]

Tu n'as qu'à créer une feuille de style uniquement pour l'impression.

Tu passes les éléments que tu ne veux pas imprimer en display:none et le tour est joué.

Pour rappel, la déclaration d'une feuille de style pour impression est :

Code html :

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

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

A la différence de la feuille de styles écran :

Code html :

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

<link rel="stylesheet" href="screen.css" type="text/css" media="screen" />

[italiasky]

Et que ca imprime une autre page ?

Parce que en fait sur la page que je veux imprimer, c'est pas tout, donc je pense pas qu'on peut trié ! Donc je voulais mettre une autre page avec que ce qui doit etre imprimé et donc lorsqu'on appelrait la fonction d'impression, c'est cette 2eme page qui s'imprimerait, est-ce possible ?

merci
++

[roudoudouduo]

Et que ca imprime une autre page ?

Parce que en fait sur la page que je veux imprimer, c'est pas tout, donc je pense pas qu'on peut trié ! Donc je voulais mettre une autre page avec que ce qui doit etre imprimé et donc lorsqu'on appelrait la fonction d'impression, c'est cette 2eme page qui s'imprimerait, est-ce possible ?

merci
++

C'est la méthode anciennement utilisé. Mais avec les feuilles des styles et les balise @media on peut tout à fait y remedier.

Dans ton fichier CSS tu peux faire l'organisation suivante :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
@media all{
   classe commune à tous
}
 
@media screen{
    tes classes pour les écrans
}
 
@media print{
   classe pour l'impression
}

L'ordre de priorité est du plus spécialisé au moins.

Attention : tu ne dois pas préciser de media lors de l'inculsion.

Si tu veux empecher l'affichage d'un élément qui apparait à l'écran (à tout hasard un bouton 'OK')

Code css :

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

1
2
3
4
5
6
7
8
9
10
 
@media screen{
    .button_ok{
       mes attributs du boutons ok
    }
@media print{
    .button_ok{
        display: none;
    }
}

et au niveau du code html simplement :

Code html :

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

1
2
 
<input type="button" class="button_ok">

Il suffit de tester avec apercu avant impression et tu verras que ça marche parfaitement (sous IE6 et FF en tout ca).

J'espere que cela t'aidera

[italiasky]

oooh merci c'est génial, ca marche parfaitement, enfin... un petit bug dans IE avec une image que je place a droite avec ceci :

Code CSS :

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

1
2
3
4
 
float: right;
position: relative;
margin-left: 20px;

Dans la page html, ca va mais dans la page à imprimer, mon image sort du cadre à droite, c'est possible de faire quelque chose ?


Ah et une autre petite question, c'est possible que dans les pages d'impression, ils ne coupent pas un tableau entre 2 pages ?

Par exemple, si tout le tableau ne rentre pas en bas de la page il met tout le tableau sur la page suivante et non le coupe ?

Merci

++

[Peut-êtreUneRéponse]

C'est pas très joli mais tu peux essayer dans la partie css d'impression ceci:

Code css :

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

float: none;

Ah et une autre petite question, c'est possible que dans les pages d'impression, ils ne coupent pas un tableau entre 2 pages ?

C'est pas un logiciel de traitement de texte

Il existe des propriétés pour la gestion des coupures de page mais pour l'instant les navigateurs ne les supportent pas.

.