Comment rendre votre site - version imprimable - en utilisant CSS - Guides Soutien informatique
Taille Pour votre page Imprimer
Évitez les tableaux inutiles HTML
Le seul endroit pour les tables est pour le contenu - qui est, tables d'information.
Savoir quelles parties de la page n'avez pas encore Imprimer valeur
visiteurs Web imprimer votre page en raison du contenu sur elle, de ne pas voir les images de support et contenu de la présentation.
Certains contenus communs à supprimer - la publicité, les menus et les images qui sont en dehors du contenu.
Utilisez les sauts de page
Étape 1: créer le support d'impression lien CSS
Il y a deux options pour créer la feuille de style d'impression - vous pouvez utiliser une feuille de style existant ou créer un nouveau séparé.
Option 1: Utiliser une feuille de style existant (fichier CSS)
- Ouvrez votre feuille de style et ajoutez la requête suivante au fond
Option 2: En utilisant une nouvelle feuille de style distinct (fichier CSS)
- Créer un nouveau fichier appelé « print.css' avec vos autres fichiers CSS. Dans cet exemple, le fichier est enregistré itsupportguides.com/template/css/print.css
- Ajoutez le code suivant à la « tête » de votre document HTML / modèle
Étape 2: Imprimer une page et de prendre note des changements nécessaires
Étape 3: Identifiez vos zones de contenu et les modifications nécessaires
La meilleure façon d'identifier vos zones de contenu est à l'aide de Firefox et d'installer le plug-in Firebug.
Firebug vous permet d'identifier rapidement chaque zone de contenu par point et en cliquant.
Étape 4: Ajouter le CSS imprimer
- En utilisant la feuille CSS créé à l'étape 1 vous ajoutez imprimer le code CSS. Par exemple
- #contenu principal < min-width: 1300px; >
- Utilisation de l'impression de vérification aperçu que votre copie papier fonctionne comme vous voulez
Étape 5: Répétez l'opération pour chaque zone de contenu
Répétez l'opération pour chaque zone de contenu qui n'est pas l'impression que vous voulez.
Une autre modification courante consiste à désactiver des éléments spécifiques, tels que les miettes de pain, des bannières et des menus.
Vous pouvez le faire en utilisant le display: none CSS. Par exemple: