Imprimer une partie page html
Résolu
dsigner
Messages postés
18
Date d'inscription
Statut
Membre
Dernière intervention
-
dsigner Messages postés 18 Date d'inscription Statut Membre Dernière intervention -
dsigner Messages postés 18 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je voudrai pour imprimer une partie de ma page html. les elements à ne pas imprimer sont tous contenu dans une div et je l'ai mis en display:none sur ma feuille de style print.css mais malgres ca le bouton imprimer et le code a l'interieur s'affiche
voici le code PHP
voici le css
voici le code PHP
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Bulletin</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="../../still/bulletin.css" rel="stylesheet" type="text/css" media="print"/>
</head>
<body>
<div id="noprint">
<table>
<tr><td>
<form name="formrem" method="POST" action="bulletin.php" id="impressionn">
<label><br />Entrer Matricule
<input type="text" name="id" value="<?php if(isset($_GET['id']))echo $_GET['id']; ?>" />
</label>
<label>
<input type="submit" name="bouton1" value="rechercher">
</label>
</form>
<form>
<input id="impression" name="impression" type="button" onclick="imprimer_page()" value="Imprimer cette page" />
</form>
<script type="text/javascript">
function imprimer_page(){
window.print();
}
</script>
</td></tr>
</table>
</div>
voici le css
body { /* Modifications : la couleur de fond de page - la police - l'unité utilisée pour la taille de la police */
background-color :#fff;
font-family :Serif;
font-size :15pt;
}
#noprint{
display : none;
}
#page {
/* width: 210mm;
height:297mm */
size:portrait;
margin: 0 auto;
padding: 0;
color:black;
background:#fff;
}
A voir également:
- Imprimer html
- Journal de naissance gratuit a imprimer - Télécharger - Histoire & Religion
- Comment imprimer en a5 - Guide
- Editeur html - Télécharger - HTML
- Imprimer tableau excel sur une page - Guide
- Parole de chanson francaise gratuite à imprimer - Télécharger - Vie quotidienne
2 réponses
Salut,
Ton code semble pourtant correct et fonctionne bien chez moi : le formulaire n'est pas visible dans l'aperçu avant impression.
Le problème doit surement venir du chemin vers ton fichier css qui ne doit pas être correct, vérifie celui-ci ou renseigne le chemin absolu depuis la racine de ton site, par exemple :
Bonne journée
Ton code semble pourtant correct et fonctionne bien chez moi : le formulaire n'est pas visible dans l'aperçu avant impression.
Le problème doit surement venir du chemin vers ton fichier css qui ne doit pas être correct, vérifie celui-ci ou renseigne le chemin absolu depuis la racine de ton site, par exemple :
<!-- le chemin absolu commence par un slash, c'est la racine de ton site. Dans cet exemple le fichier css doit être dans un dossier still à la racine. --> <link href="/still/bulletin.css" rel="stylesheet" type="text/css" media="print"/>
Bonne journée
au lieu de
Mille merci s pour vos aide et bonne journée a vous tous