2010-04-04 3 views

Répondre

36

Historiquement, il a été impossible de faire disparaître ces éléments car ce sont des paramètres utilisateur qui ne sont pas considérés comme faisant partie de la page que vous contrôlez.

http://css-discuss.incutio.com/wiki/Print_Stylesheets#Print_headers.2Ffooters_and_print_margins

Cependant, à partir de 2017, le @page at-rule a été normalisé, qui peut être utilisé pour masquer le titre de la page et la date dans les navigateurs modernes:

@page { size: auto; margin: 0mm; } 

Crédit Vigneswaran S pour cette astuce.

+0

+1 Bon appel, je ne savais pas à ce sujet. – R0MANARMY

+2

Il semble être possible ... essayez d'imprimer dans Google Docs .. (de Chrome) –

-4

Il y a un établissement d'avoir une feuille de style séparée pour l'impression, en utilisant

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

Je ne sais pas s'il fait ce que vous voulez bien.

+0

Il demande de changer l'en-tête et le pied de page de la page d'impression, pas de corps. – BalusC

+0

Je le sais, mais je ne sais pas s'il est possible de le faire avec le CSS ou non. –

+2

Cette réponse montre une mauvaise compréhension de la question. – Cassandra

11

Une solution possible pour le titre de la page :

  • Fournir un bouton d'impression,
  • capture l'événement onclick,
  • utiliser javascript pour modifier le titre de la page,
  • puis exécutez la commande d'impression via javascript également.

document.title = "Print page title"; window.print();

Cela devrait fonctionner dans tous les navigateurs.

+0

Et ça a marché pour moi. Je vous remercie. – LYKS

4

Vous pouvez ajouter dans votre feuille de style: @page{size:auto; margin:5mm;} Mais ce défausse le numéro de page trop

29

est simple. Utilisez simplement css.

<style> 
@page { size: auto; margin: 0mm; } 
</style> 
+0

Belle réponse +1! Consultez la documentation pour en savoir plus sur la prise en charge. https://developer.mozilla.org/en-US/docs/Web/CSS/@page – Richard

+1

Belle réponse, mais il semble que ça ne marchera pas dans Firefox – Skorek

+1

Vous m'avez sauvé la vie aujourd'hui!, et oui ça marche Firefox maintenant !! –

0

compléter la réponse de Kai Noack, je ferais ceci:

var originalTitle = document.title; 
document.title = "Print page title"; 
window.print(); 
document.title = originalTitle; 

cette façon une fois que vous imprimer la page, ce sera de retour pour avoir son titre original.

Questions connexes