PHPascal.com

PHPAscal rouge2 (Version bleu)


Programmation web CSS HTML PHP Jquery Javascript Wordpresse RSS SQL SSH, serveur linux Outils
  PHPascal a 144 articles


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

Programmation web / CSS / Feuilles de style pour l'impression

Feuilles de style pour l'impression

Avant d'expliquer en détail il faut savoir que si on fait une feuille de style spécifique pour l'impression cela suppose qu'on à déjà une feuille de style de faire pour l'affichage web (sreen).

Le principal but d'avoir une feuille de style différente pour l'impression c'est pour avoir le contenue de la page qui s'affiche correctement lorsqu'on l'imprime. Cela nous permet aussi d'enlever des bouts de site qui ne sont pas utile lors de l'impression d'une page: par exemple des menus, des publicité.

Par exemple la page web actuel:   à une feuille de style pour l'impression qui permet d'imprimer seulement le texte de l'article. (pour le voir faite aperçu avant impression).

Voici maintenant comment faire pour avoir 2 feuilles de style pour une page web: une pour l'écran et une pour l'impression:

À mettre dans la balise

:

 

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

Exemple CSS d'impression :

 

 

/* CSS pour l'impression seulement */

.enlever_imp {display:none; }


Avec ce simple code il est possible d'ajouter la classe enlever_imp dans notre page pour les section que vous ne voulez pas imprimer.

 

 

 

 

 

 

Article écrit le 29 février 2008
Article modifié le 11 mars 2013

Autres articles sous la même catégorie


Pascal Dubreuil | © PHPascal.com 2017
Temps d'exécution : 0.016 sec
Imprimer le 22 October 2017 - 09:33:49
par Pascal Dubreuil organisateur du Marathon de Laval