propriété css imprimante

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
++

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:

---

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

---

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

Code:

---

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

---

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
++

Citation:

---

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:

---

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:

---

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:

---

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

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

---

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

++

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

Code:

---

float: none;

---

Citation:

---

Envoyé par italiasky

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

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

.

Ah oui mais du coup l'image ne peut pu se placer là ou je souhaite... parce que il faut qu'elle reste à droite de la page quand même...

En fait le probleme, je crois qu'il vient que des marges sont imposés dans IE pour l'impression donc du coup à droite mon image sort :S et même le texte est coupé en fait, il y en a qu'on ne voit pas...
parce que j'avais mis un div qui englobait le tout de largeur 750px et dans IE, étant donné qu'a gauche il y a des marges importantes, ca sort à droite :cry:

C'est possible de contourner ces marges de IE ?

MErci
++