feuille pour impression

**Shaÿna** · 06/06/2005, 15h06

Bonjour,

J'ai une page munie d'un bouton imprimer qui imprime toute la page web.

Je veux n'imprimer que les données (pas les liens ni boutons)

J'ai compris que je devait passer par une feuille de style, dans les cours que j'ai trouvé, ca parle de feuille interne, externe.....
Mais moi j'en ai pas de feuille!

J'ai essayer quelques trucs mais sans résultats.

Avez-vous une solution, un coup de pouce, une explication ?
Merci

**troumad** · 06/06/2005, 15h17

Mets tout ce que tu ne veux pas imprimer dans un ou plusieurs calques(s) :

Code :

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

<div class='pas_imprimme'>Ce qui ne doit pas être imprimé</div>

Et place comme définition de style :

Code :

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

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

Avec ceci dans /include/print.css :

Code :

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

.pas_imprimme { visibility:hidden}

Ou mets tout d'un coup :

Code :

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

1
2
3
<style type="text/css" media="print">
.pas_imprimme { visibility:hidden}
</style>

**cortex024** · 06/06/2005, 15h18

Code :

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

1
2
3
<p align="center"><a href="javascript:window.print()">Imprimer cette page</a> 
</p>
<p align="center">

tu fais une page "speciale impression", c a d ss bouton ni rien, juste un ptit lien te permettant d'imprimer la page (code du lien ci dessus)

8)

**pmboutteau** · 06/06/2005, 15h24

Tu mets dans ton head

Code :

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

1
2
3
4
5
6
7
8
<style type="text/css" media="print">
.noseeme {visiblity: visible}
.seeme {display : none}
</style>
<style  type="text/css" media="screen">
.noseeme {display: none}
.seeme {visibility: visible}
</style>

Ensuite tu précises ce que tu veux ne pas voir imprimer

Code :

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

<Input type="button" class="seeme" etc...

(pour un bouton ici)
Mais tu le mets où tu veux après

**Shaÿna** · 06/06/2005, 15h28

C'est flou là pour moi (calque...?style...?)

donc,

dans ma page, j'ai un lien, des données, et le bouton imprimer.

Sur la mê page de code je met:

Code :

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

<div class='pas_imprimme'><A HREF="archives.php"> retour a la liste </A><br><br></div>

ensuite je laisse mon code avec mes données puis je met

Code :

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

<div class='pas_imprimme'><input type='button' name='imprime' value='Imprimer cette page' onclick='window.print()'></div>

et en haut de ma page j'ajoute

Code :

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

1
2
3
<head><style type="text/css" media="print">
.pas_imprimme { visibility:hidden}
</style></head>

????????????????????????????????????

**pmboutteau** · 06/06/2005, 15h31

Dans ce que je t'ai mis moi y'a pas de bouton imprimer.
C'est quand tu choisis imprimer dans Fichier de ton navigateur.

Mais tu peut faire le même avec un bouton pour imprimer.

**Shaÿna** · 06/06/2005, 15h34

ce que tu m'a di m'a parrut plus simple, je l'ai fait, et ca fonctionne, c'est parfait, exactement ce que je voulait.

Bon, j'ai pas trop compris encore mais je vais y regarder.

Merci a tous pour votre aide.

**SpaceFrog** · 06/06/2005, 16h21

LOL pm

feuille pour impression

HTML

Vue hybride

Discussions similaires

Partager

Partager