une certaine partie d’une page HTML avec CSS (@media: screen, @ media: print)

L’utilisateur peut cliquer sur un lien ou un bouton dans la page ou le formulaire HTML, par ex. B. ajoutez le code HTML suivant:
Appuyez sur

Le problème est que la commande d’impression imprime la page entière, qui peut ne pas être utilisable.
La solution consiste à définir deux styles CSS différents pour l’écran et l’imprimante afin que les parties indésirables de la page soient masquées lors de l’impression.

Comment ça fonctionne:

L’exemple suivant est destiné à illustrer à quel point c’est facile!
La page contient 3 parties: en-tête, milieu et pied de page. Seule la partie centrale doit être imprimée.

Nous devons d’abord définir les parties … cela peut être fait avec par exemple

-Les balises ont lieu.

Noprint« >
Entête

Cette partie de la page contient la partie que nous voulons imprimer, par ex. B. la forme

Noprint« >
bas de page

Analysez et optimisez votre site web …

Arclab® Website Link Analyzer est un logiciel pour PC Windows qui vous permet d’analyser et d’optimiser votre site Web pour les moteurs de recherche (SEO), de créer des plans de site, de vérifier les liens rompus et d’identifier d’autres problèmes.

Apprendre encore plus Télécharger la démo

Analyseur de lien de site Web

Définissons maintenant le code CSS

Le code CSS spécifique peut être défini directement dans l’en-tête HTML ou à l’aide d’un fichier de feuille de style.




...

...

Le code ci-dessus contient le code si vous souhaitez ajouter le code CSS directement à l'en-tête HTML. Les ensembles de définition de classe noprint show: none, de sorte que le contenu est masqué lorsque la page est imprimée. Il est également possible au lieu de

une -,

- ou

-Tag à utiliser. L'utilisation de l'ID fonctionne de la même manière.

C'est tout. Une alternative serait d'utiliser 2 fichiers CSS différents (voir ci-dessous).


Le code suivant montre comment utiliser deux fichiers CSS différents: un pour l'écran et un pour l'imprimante

C'est assez facile à utiliser. Faites une copie de votre fichier CSS et supprimez toutes les parties indésirables en utilisant l'indicateur: aucun; dans le "style-print.css".

...

......

...

Clause de non-responsabilité: Les informations sur cette page sont fournies «telles quelles» sans aucune garantie d'aucune sorte. En outre, Arclab Software ne donne aucune garantie, garantie ou représentation concernant l'utilisation ou les résultats de l'utilisation en ce qui concerne l'exactitude, l'exactitude, la fiabilité, l'actualité ou autre. Voir: Accord de licence



Source link

Recent Posts