IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Préparer un fichier pour impression sur papier avec CSS


Sujet :

CSS

  1. #1
    Membre actif
    Homme Profil pro
    retraité
    Inscrit en
    Avril 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 85
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : retraité
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Avril 2018
    Messages : 61
    Par défaut Préparer un fichier pour impression sur papier avec CSS
    Bonjour,
    Après 35 ans dans les métiers de l'informatique, depuis 20 ans j'essaie de mon mieux , et bénévolement, d'aider les amis en informatique et je réalise quelques sites pour rendre service.
    Malheureusement ces amis ne sont pas toujours contents car je ne réussis pas toujours à créer des documents papiers.
    Je travaille généralement en PHP et HTML.
    Je viens de me mettre à me servir de C S S en utilisant, entre autres les livres de Luc Van LANCKER et Jean ENGELS, CHAPITRES sur les médias écrits.

    Je ne trouve pas ce que je veux car il n'est mentionné nulle part le nom du fichier destiné à l'impression ni, évidemment , le type de fichier que l'on doit obtenir. Alors je dois dire que je ne sais vraiment pas comment faire ?? Dans les livres je ne vois rien à ce sujet, ni la théorie complète pour réussir ce que je veux. Il y a bien les lignes "média" pour l'imprimante et l'écran, mais, évidemment les exemples sont toujours fournis avec l'image sur l'écran qui en résulte alors que moi je souhaite avoir un résultat sur papier obtenu sur mon imprimante.

    J'appelle donc "A l'aide" et je vous remercie bien sincèrement par avance.
    A très bientôt j'espère.

    M.M.M

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 694
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 694
    Par défaut
    le CSS permet d'appliquer une mise en forme particulière, par exemple mettre un cadre autour des liens sur la page imprimée.

    mais là vous parlez de fichier, vous souhaitez créer un fichier PDF qui contient la page à imprimer et ensuite envoyer ce fichier à personne qui va l'imprimer ?

  3. #3
    Membre actif
    Homme Profil pro
    retraité
    Inscrit en
    Avril 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 85
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : retraité
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Avril 2018
    Messages : 61
    Par défaut
    Bonjour,
    OUI je veux obtenir une feuille (ou plusieurs !) sur une imprimante à partir d'un "état" qui est souvent , pour d'autres applications, de type .pdf mais qui pourrait être d'un autre type.
    Ce n'est pas que moi qui le souhaite mais tous les utilisateurs de mes sites .

    Le chapitre 20 du livre de VAN LANCKER S'appelle "Les propriétés d'impression " et on y parle d'optimiser une page d'impression. Impression a un sens en français !!!.
    La ligne suivante doit être mise dans la procédure : <style type="text/CSS" media="print"> alors que le media est screen pour l'affichage à l'écran.

    J'ai sous le coude et sous les yeux les livres de VAN LANCKER, NEBRA, ENGELS .

    Rien de ce que je cherche dans ces livres !!!!!!!!!!! très bizarre.

    Merci pour votre aide.Bonne journée.

    M.M.M

  4. #4
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 694
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 694
    Par défaut
    vous pouvez déclarer les feuilles de style de votre page avec le code qui est à la suite.
    • le fichier all.css est utilisé sur les écrans et pour les impressions
    • le fichier screen.css est utilisé sur les écrans uniquement
    • le fichier print.css est utilisé uniquement pour les impressions


    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <link rel="stylesheet" type="text/css" href="all.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="screen.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="print.css" media="print"/>

  5. #5
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2020
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Doubs (Franche Comté)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mai 2020
    Messages : 10
    Par défaut
    Bonjour,
    Le rendu colorimétrique ne sera pas le même cependant, puisque vous avez fait en RVB et que via l'impression, vous allez avoir du CMJN. N'est-ce pas embêtant ? surtout si il s'agit d'un projet client. Comment faire pour que les couleurs soient approximativement les mêmes ?

  6. #6
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 694
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 694
    Par défaut
    Citation Envoyé par etoile-des-neiges Voir le message
    (...)
    l'HTML et CSS ne sont pas fait pour avoir des couleurs précises. déjà les différents moteurs de rendus ne présentent pas les couleurs de la même façon et ensuite les réglages des écrans permettent de modifier plein de choses.
    si vous avez besoin d'une précision d'impression au pixel, il vaut mieux passer par un fichier PDF donc peut-être que ce format permet aussi une meilleure précision des couleurs

    par contre vous interférez ici avec la discussion de papy1418. si vous avez des question sur ce sujet (ou un autre), c'est mieux de créer une nouvelle discussion.

  7. #7
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2020
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Doubs (Franche Comté)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mai 2020
    Messages : 10
    Par défaut
    Toutes mes excuses, je voulais juste comprendre, je vous remercie pour ces précisions

  8. #8
    Membre actif
    Homme Profil pro
    retraité
    Inscrit en
    Avril 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 85
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : retraité
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Avril 2018
    Messages : 61
    Par défaut
    Bonjour à Mathieu pour ses réponses .... mais ça ne fonctionne pas.
    Du coup j'essaie de trouver un exemple simple, très simple et qui me permettE d'obtenir un document qui soit imprimable par les internautes qui utilisent mes applications. Je veux obtenir un fichier pdf par exemple, simple, ou l'équivalent! et que l'internaute pourra imprimer ou que je pourrais lui donner, le cas échéant , s'il n'a pas d'ordinateur. (par exemple la liste des linteaux à inscription lapidaire de la commune ou de toute commune de France)

    J'ai tout essayé, ou presque, il me manque des explications pour utiliser les instructions que vous me donnez, ainsi que les livres . Ah les livres !!!!!! Ils sont vendus avec, "en guise de pub "Vous pourrez trouver la liste des programmes du livre (les codes sources) sur tel livre, et gratuitement!

    J'ai essayé sur le livre de LANCKER (édition ENI)et sur celui de ENGELS chez EYROLLES. MANQUE DE CHANCE, chez l'un il manque des paragraphes et sur l'autre des chapitres. Sur les livres ils ont pourtant les mêmes exemples sur le thème HTML/CSS. C'EST VRAiMENT très étrange.....

    Ce jour je vais écrire la procédure nommée 'Adaptation des styles à l'impression " chez ENGELS.

    Donc "A demain" pour effacer soit c'est Bon, soit c'est mauvais.

    Bonne journée.

    M.M.M

  9. #9
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 694
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 694
    Par défaut
    montrez nous un exemple qui ne fonctionne pas comme vous voulez et on essayera de la corriger.
    si vous n'avez pas d'exemple en ligne, vous pouvez le mettre sur un service de ce genre :
    https://codesandbox.io/s/vanilla

  10. #10
    Membre actif
    Homme Profil pro
    retraité
    Inscrit en
    Avril 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 85
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : retraité
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Avril 2018
    Messages : 61
    Par défaut
    Bonjour,

    Du retard à vous répondre pour essayer de trouver LA SOLUTION à ma question.
    Je ne trouve pas LA SOLUTION !!!!
    et pourtant j'ai plus de 9 kilos de documentation "livresques" : VAN LANCKER, DE OLIVEIRA, NEBRA, ENGELS ...
    Aucun de ces livres, aucun exemple donné et supposé corrigé ne fournit :

    ** la façon d'indiquer le nom du fichier que l'on veut créer pour ensuite l'imprimer. On ne sait même pas le type de fichier qui va être créé ?!!!

    Je souhaite un exemple qui fonctionne, et soit compréhensible, pour tout dire "logique". Je veux voir le résultat pour une constante (un texte) et une variable provenant d'un champ d'une base de données.
    Je peux vous envoyer un exemple provenant du livre de Jean ENGELS chez Eyrolles, mais ça ne donne rien ... à venir sur papier. Je lui ai d'ailleurs envoyé mes commentaires via Eyrolles, mais répondra-t-il ??????

    Je ne désespère pas mais presque .... un breton c'est têtu .

    Bonne journée et merci encore de faire avancer ce problème.

    M.M.M

  11. #11
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 694
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 694
    Par défaut
    il y a plusieurs étapes dans ce que vous demandez

    la 1re étape est de mettre en forme avec le code CSS qui défini les couleurs, la taille, la position etc.
    à partir de ça vous avez l'affichage prêt à être imprimé.

    la 2e étape si vous voulez avoir un fichier PDF est d'installer une imprimante virtuelle qui va transformer le résultat d'impression comme PDF Creator par exemple :
    https://www.pdfforge.org/pdfcreator


    l'autre façon de créer un fichier PDF est d'utiliser du code comme par exemple en PHP ou du JavaScript.

  12. #12
    Membre actif
    Homme Profil pro
    retraité
    Inscrit en
    Avril 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 85
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : retraité
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Avril 2018
    Messages : 61
    Par défaut
    Bonjour Mathieu,
    Arrêtons d'échanger SVP car visiblement ON ne se comprend pas. Je crois d'ailleurs que personne ne me comprend et/ou inversement !!!!
    Je suis CERTAIN QUE mon problème a une solution simple, ce que je cherche évidemment ....

    Dans son livre HTML5 ET CSS3? Luc VAN LANCKER écrit dans le chapitre 20 "Les propriétés d'impression"

    Les feuilles de style viennent à votre secours pour prévoir une version imprimable sans devoir écrire une page distincte à cet effet.

    C'est clair, c'est français et moi j'ai la question encore plus simple : COMMENT ??

    On doit jouer avec l'attribut "média" qui mentionne "print",mais ça ne dit aucunement le nom du fichier que l'on souhaite imprimer????????? ça doit être évident pour tous les auteurs des livres !!!! J'attends leur réponse à mon courrier que je leur ai fait parvenir par leurs éditeurs respectifs mais je garde en tête UNE solution qui marche bien "Aide toi, le ciel t'aidera" à ne pas confondre avec "le ciel tête de rat" !!!!!!

    Merci encore pour tout.

    M.M.M.

  13. #13
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 694
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 694
    Par défaut
    comme je disais dans mon message précédant, le code CSS ne crée pas de fichier.

    à la base vous avez par exemple une balise "div".
    ensuite dans le code CSS qui gère l'affichage vous définissez un bord bleu.
    et dans le code CSS qui gère l'impression vous définissez un bord vert.

    une fois cela mis en place, quand quelqu'un regarde votre page dans le navigateur, il verra l'élément entouré d'un bord bleu.
    et ensuite s'il fait "aperçu avant impression", il verra un bord vert et en imprimant cela à partir du navigateur, il aura bien le bord vert.
    et c'est ce résultat avec le bord vert que le livre appelle "version imprimable", cela ne passe par par un fichier à imprimer.

  14. #14
    Membre actif
    Homme Profil pro
    retraité
    Inscrit en
    Avril 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 85
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : retraité
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Avril 2018
    Messages : 61
    Par défaut
    Le point avant Noêl :

    Si vous cherchez sur Internet (avec Google) le texte suivant :

    utilisation du paramètre média "print"dans feuilles de style CSS

    vous obtenez pas mal d'informations sur le sujet dont on parle depuis quelques jours. Je suis content car c'est exactement comme je souhaitais que ce soit, MAIS ça n'est pas écrit dans mes livres !!?? En particulier le fichier créé se trouve en paramètre dans la feuille de style, à côté du paramètre "média".

    Voici la réponse très intelligente !?!?!? renvoyée par L'AUTEUR Luc VAN LANCKER /

    « J'ai abandonné depuis plusieurs années le HTML et les feuilles de style CSS. Si mes lointains souvenirs sont bons, les CSS d'impression devraient
    apporter la solution. »

    =========

    jOYEUX Noel à Vous et à vos proches.

    Cordialement.
    M.M.M

  15. #15
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    Si vous cherchez sur Internet (avec Google) le texte suivant :

    utilisation du paramètre média "print"dans feuilles de style CSS

    vous obtenez pas mal d'informations sur le sujet dont on parle depuis quelques jours. Je suis content car c'est exactement comme je souhaitais que ce soit, MAIS ça n'est pas écrit dans mes livres !!?? En particulier le fichier créé se trouve en paramètre dans la feuille de style, à côté du paramètre "média".
    c'est en substance la réponse que t'a faite mathieu au post #4, un extrait :
    <link rel="stylesheet" type="text/css" href="print.css" media="print"/>
    le résultat sera le même !

  16. #16
    Membre actif
    Homme Profil pro
    retraité
    Inscrit en
    Avril 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 85
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : retraité
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Avril 2018
    Messages : 61
    Par défaut
    Bonjour,
    Bonne remarque de votre part.
    Je dois cependant vous donner les deux raisons qui m'ont fait ne pas tenir compte du message de Mathieu.
    1) au moment où j'ai reçu son message à propos du paramètre "print" ( et même encore aujourd'hui !, je n'ai jamais trouvé cette façon d'écrire la ligne dans mes livres : Jean ENGELS chez Eyrolles , Luc VAN LANCKER chez ENI) . D'ailleurs cette ligne n'existe MËME pas dans leur livre !!!!!

    2) DE PLUS cette façon d'écrire la ligne heurte ma logique informatique et même ma logique tout court ?? En effet, était-il (est-il ?) nécessaire de faire apparaître deux fois le mot "print". alors qu'une seule était suffisante (et nécessaire puisque c'est le but !) en le faisant suivre par le nom du fichier créé qui aurait (peut-être ?) avantageusement le type .pdf ?

    J'ai déjà remercié Mathieu pour son implication dans le forum.
    Je vous remercie bien sincèrement également et je vous prie également d'accepter mes voeux les plus sincères que je vous offre à vous et à vos proches pour cette nouvelle année 2021.

    Bien cordialement.
    M.M.M

Discussions similaires

  1. Impression (sur papier) avec Python
    Par Teosinte dans le forum Général Python
    Réponses: 2
    Dernier message: 01/02/2009, 12h40
  2. Procédure pour impression sur imprimante matricielle
    Par snakers13 dans le forum WinDev
    Réponses: 2
    Dernier message: 15/10/2006, 17h55
  3. Réponses: 10
    Dernier message: 13/04/2006, 15h54
  4. Réponses: 1
    Dernier message: 06/04/2006, 17h04
  5. [CR9] impression sur papier à entête
    Par liosec dans le forum SAP Crystal Reports
    Réponses: 4
    Dernier message: 30/08/2004, 10h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo