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 :

Affichage HTML et impression différents


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Décembre 2006
    Messages
    196
    Détails du profil
    Informations forums :
    Inscription : Décembre 2006
    Messages : 196
    Par défaut Affichage HTML et impression différents
    Bonjour,

    je souhaiterai imprimer un document créé à partir de tinyMCE. Celui-ci s'affiche dans une popup, et le rendu est exactement comme je le souhaite.
    Cependant, lors de l'impression, j'ai des différences notamment lorsque j'essai d'aligner 2 lignes en mettant des espaces :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <p style="text-align: left;">
    <span style="font-size: 12pt;">
    <span style="font-family: comic sans ms,sans-serif;">
    le 22/06/2009
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 
    Copie: 
    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    &nbsp;&nbsp;&nbsp;
    Pas cool
    <br />
    </span>
    </span>
    </p>
    Si on ouvre la page dans un navigateur, Pas cool est bien juste en dessous de Copie, mais pas sur la page imprimer.
    J'ai essayer de voir comment utiliser les media print et screen, mais je vois pas comment je peux faire pour mon problème.

    Quelqu'un a-t-il une idée pour avoir une page identique que ce soit dans la popup ou dans l'impression ?

    Merci d'avance.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Mai 2009
    Messages : 101
    Par défaut
    Bonjour,
    Il y a des problème avec l'impression et la gestion du css, pour y remedier il faut que tu créer une feuille de style spécifique pour ton impression
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <link rel="stylesheet" type="text/css" media="print" href="/printer.css" />
    J'ai essayé ton bout de code chez moi avec une impression et j'ai un léger décalage (1 espace).
    C'est peut être du aux marges d'impression je ne sais pas

  3. #3
    Membre confirmé
    Inscrit en
    Décembre 2006
    Messages
    196
    Détails du profil
    Informations forums :
    Inscription : Décembre 2006
    Messages : 196
    Par défaut
    Merci lifty pour ta réponse.
    C'est ce que je pensais faire, le problème, c'est que je ne sais pas comment "dire" lors de l'impression qu'il faut m'imprimer la feuille exactement pareil que ce qui est affiché.
    Sur mon exemple, comment je fais (en css), pour dire : tu met "Pas cool" dessous "Copie", alors que ça s'affiche très bien sur ma page ?
    Voilà en gros mon soucis.

Discussions similaires

  1. Réponses: 2
    Dernier message: 28/07/2011, 15h35
  2. Impression différente de l'affichage selon le script
    Par Thomas_P dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 04/02/2011, 14h13
  3. [TinyMCE] Affichage HTML et impression différents
    Par Enthau dans le forum Bibliothèques & Frameworks
    Réponses: 3
    Dernier message: 26/06/2009, 08h50
  4. Affichage de listes de différents types
    Par thibouille dans le forum C++
    Réponses: 9
    Dernier message: 27/11/2005, 19h34

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