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 :

div au format A4 - 210mm * 297mm


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Inactif Avatar de CR_Gio
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    1 195
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 195
    Par défaut div au format A4 - 210mm * 297mm
    Bonsoir à tous,

    Savez-vous comment afficher une div au format A4 ?

    J'ai essayé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div style="width:210mm;height:297mm;border:solid 1px gray;">Mon CV</div>
    J'ai effectivement la bonne proportion qui s'affiche mai lorsque je colle à mon écran ma feuille de papier au Format A4 les dimensions ne correspondent pas.

    J'ai essayé avec l'unité inch (1 inch is equal to 2.54 centimeter ) : sans succes.

    Avez vous une solution ?

    Crdlt,

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Essaye peut être la règle at-rule @page

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    @page {
    size: 210mm 297mm;
    margin: 1cm;
    }

  3. #3
    Membre expérimenté
    Avatar de tzilliox
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 153
    Par défaut
    Salut CR_Gio !

    Fixer une hauteur ou une largeur en mm est théoriquement possible. Et ça devrait fonctionner comme tu l'as écrit.

    Si ça ne fonctionne pas, j'ai envie de te demander pourquoi tu voulais faire ça ?
    Si c'est pour pouvoir l'imprimer facilement, il suffit de faire une CSS d'impression :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <link rel="stylesheet" href="web.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="print.css" type="text/css" media="print" />
    Dans ce cas-là, si tu indiques à ton div principal de faire 100%, il fera toute la largeur de ta feuille.
    Tu peux donc avoir un site web qui ressemble à un site web pour ton CV, proposer l'impression au format A4 de ton CV.

    Tu peux également faire ton CV en PDF et l'insérer dans ton site internet grace à la balise <object>

    Bon courage,
    Thomas.

  4. #4
    Inactif Avatar de CR_Gio
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    1 195
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 195
    Par défaut
    Bonsoir a tous et merci pour toutes vos réponse.

    12monkeys merci pour ta réponse. je ne connaissais pas la règle CSS at-rule @page ... à utiliser à présent ;-)

    Thoams, merci, j'ai oublié les css d'impression, je n'ai pas le reflex Ctrl+P ... Mais je retient le téléchargement en pdf ;-)

    ... mais mon problème persiste :$ de mon coté, affecter une dimension en cm, mm, in n'est pas vérifié a l'affichage. Une histoire de résolution d'écran peut être...
    Mais, a l'aide des caractéristique physique de mon écran, lorsque je calcule moi même les pixel nécessaire pour afficher une largeur souhaité, alors là l'affichage est OK

    J'ai fait une page de test avec un petit script php qui calcule le DPI de mon écran(cf Donnée constructeur) et qui affiche les différente format A4 selon différentes unité de dimensions.A4.php
    Résultat, je me dis que mon écran est mal configuré (puisque les inches affiché ne correspond pas a la taille réelle de mon écran )

    Donc, a présent, ma question ressemblerait plus a : comment configurer mon écran.

    Je déleste donc mon message ici et me retourne vers la config de mon server X ...

    En vous remerciant,

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Enregistrer une div dans un fichier en format HTML
    Par chochatown dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/11/2012, 09h39
  2. Afficher un texte en format XML dans un div
    Par Juju54350 dans le forum ASP.NET
    Réponses: 3
    Dernier message: 13/09/2012, 16h44
  3. div élastique au format proportionnel 4:3
    Par superleon dans le forum Dreamweaver
    Réponses: 3
    Dernier message: 07/07/2009, 15h49
  4. Format en escaliers avec des divs
    Par Obelix95 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 24/04/2009, 21h53

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