Suggestions pour créer des mises en page CSS au pixel près?

Question

Un des objectifs de l’entreprise exige que je crée un formulaire à l’écran au pixel près. Si un utilisateur imprime ce formulaire, il correspondra exactement à la version du formulaire US Government Printing Office; l'imprimante produira une copie (raisonnablement) numérisable de ce document. La solution précédente est PDF, qui ne fonctionnera que jusqu'à un certain point pour nous.

Je me penche vers le langage HTML / CSS et souhaite des suggestions d'outils pour vous aider.

Pour les outils, PixelPerfect dans Firefox semble un bon début. La plateforme cible pour cela est (tambour) IE6, si cela peut vous aider. Le document ressemble à ceci .

Si HTML / CSS est un no-go complet, Adobe Flex est mon prochain choix.

Answer 1

Dean, consultez Prince . Bert Bos et Hikon Wium Lie l'ont utilisé pour la production de article de la liste A.

.

Answer 2

Si l’objectif est d’obtenir une impression au pixel près et que même le format PDF ne vous y conduira pas, vous pouvez abandonner immédiatement l’impression depuis le navigateur. Il y a trop de variables dans le rendu côté client: des navigateurs différents (IE6? Bonne chance!) Aux différentes polices, aux paramètres utilisateur, au format A4 vs Letter.

Puis-je demander pourquoi le format PDF ne convient pas?

Answer 3

Je conviens que les mises en page au pixel près sont très, très difficiles à obtenir avec HTML / CSS, en particulier avec les formulaires. Cependant, je pense que les fichiers PDF peuvent recevoir des entrées de formulaires Web externes ou avoir des champs de texte qui, une fois remplis, seront imprimés.

La sortie flex au format pdf serait une bonne idée, mais je ne pense pas que l’utilisation de flex en tant que moteur de rendu aidera beaucoup à cela.

Une autre option serait de créer le fichier PDF et d’utiliser un langage côté serveur pour le personnaliser avec les champs d’un formulaire Web précédent et d’envoyer le résultat. (Peut facilement être fait avec ruby ??/ django / php, il existe quelques bonnes bibliothèques de pdf.)

Answer 4

D'abord, abandonnez les pixels. Ce que vous recherchez est une feuille de style d’impression, avec tout ce qui est spécifié en unités physiques (cm / pouces), taille de la police en pt, etc. Ce qui est affiché à l’écran, en quelle taille de police et en indiquant si le pixel est parfait ou non. pas ne semble pas pertinent pour votre exigence de produire une copie numérisable .

La question est maintenant de savoir si IE6 prend en charge les unités physiques et les feuilles de style d'impression suffisamment complètes pour cela. Compte tenu de mon expérience dans la création de feuilles de style d'impression pour les clients, où IE échouerait simplement pendant le processus d'impression si vous le regardiez mal, je dirais que ce n'est pas très probable - sans la complexité des formulaires auxquels vous faites face.

Answer 5

Si vous craignez que le moteur de rendu (IE, Acrobat, etc.) ne fonctionne, vous pouvez toujours restituer le formulaire sur le serveur et simplement servir une image à l'utilisateur.