Page 1 sur 1

comment imprimer une partie de ma page

Posté : 21 mai 2012, 13:15
par Sabrina
Bonjour,
je fais une page qui contient une demande d'achat, mon but est de :
- Je veux imprimer cette page sans l'entête et le pieds de page de ma page
QQ1 a une idée ???

Re: comment imprimer une partie de ma page

Posté : 21 mai 2012, 13:32
par Mazarini
Tu attribues une classe CSS a ton entete et ton pied de page.
Tu définis ces classes dans 2 CSS, une en visible et une en invisible et tu ajoutes media="screen" et media="print" à l'appel de ces CSS.
<link rel="stylesheet" type="text/css" media="print" href="print.css">
<link rel="stylesheet" type="text/css" media="screen" href="screen.css">


Pour screen.css :
#Maclasse : {
   visibility:hidden;
}
pour print.css
#Maclasse : {}

Re: comment imprimer une partie de ma page

Posté : 21 mai 2012, 13:50
par Sabrina
Merci pour ton aide, mais je suis debutante en PHP,
tu veux dire que je dois ajouter ces 2 lignes au niveau du head :
<link rel="stylesheet" type="text/css" media="print" href="print.css">
<link rel="stylesheet" type="text/css" media="screen" href="screen.css">
et puis ces 2 fichiers contenant chacun :
#Maclasse : {
   visibility:hidden;
}
et
#Maclasse : {}
si c'est ce que je dois faire je l'ai fais mais rien n'as changé #-o

Re: comment imprimer une partie de ma page

Posté : 21 mai 2012, 14:02
par Mazarini
Il faut également mettre :
<div class="Maclasse">...
ou
<tr class="Maclasse">...
Enfin mettre Maclasse comme class d'une balise qui englobe ce que tu veux cacher. Mais je ne suis pas très bon en html et en css... Je sais que c'est le principe car je l'ai déjà utilisé. Malheureusement, je ne sais plus trop comment on définit une classe dans un fichier css.

Essaye ca pour la mise au point :
<html>
<head>
<link rel="stylesheet" type="text/css" href="print.css">
</head>
<body>
<div class="Maclasse">Entete à cacher</div> 
<div>contenu toujours visible</div> 
<div class="Maclasse">Pied à cacher</div> 
</body>
</html>

Les parties à cacher ne doivent pas être visible à l'écran. Ensuite tu mettras le fichier screen.css et les paramètres media pour voir la différence entre l'écran et l'impression.
<html>
<head>
<link rel="stylesheet" type="text/css" href="screen.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
<body>
<div class="Maclasse">Entete à cacher</div> 
<div>contenu toujours visible</div> 
<div class="Maclasse">Pied à cacher</div> 
</body>
</html>

Re: comment imprimer une partie de ma page

Posté : 21 mai 2012, 15:11
par Sabrina
ok j'ai compris comment ca doit etre mais j'ai pas bien compris ce que je dois faire cad
<body>
<div class="Maclasse">Entete à cacher</div>
<div>contenu toujours visible</div>
<div class="Maclasse">Pied à cacher</div>
</body>
pourriez vous m'expliquer de plus
et pour etre plus claire je veux imprimer un tableau qui contient un formulaire et si tu veux je t'affiche mon code
Merci d'avance

Re: comment imprimer une partie de ma page

Posté : 21 mai 2012, 15:51
par moogli