2009-03-18 7 views
0

J'essaie de faire une application web imprimer des reçus pour mon client (il me l'a demandé) J'ai placé une table et tout cependant quand je l'imprime je ne peux pas l'obtenir pour imprimer correctement dans le champs des recettes. Laissez-moi vous expliquer, les recettes sont déjà faites, je fais simplement un endroit où l'utilisateur entre tous les champs requis et l'imprime comme si l'impression d'une page web normale, étant le papier de sortie cette réception (qui ressemble un peu comme this) De toute façon j'ai essayé de déplacer où l'imprimante imprime en utilisant un "print" CSS mais il n'obéira pas ... en plus de cela le texte est allé wayyy petit (je ne sais vraiment pas pourquoi) et honnêtement n'ai pas idée comment gérer cela plus =/... quelqu'un sait-il?Impression de reçus


Modifier pour le code

* { 
    /* old-style reset here :) */ 
    border: 0px; 
    padding: 0px; 
} 
table { 
    left:0px; 
    top:0px; 
} 
td, th { 
    text-align: center; 
    vertical-align: middle; 
    color: #000; 
} 

input{ 
    outline:none; 
} 

.borde{ 
    background-color:#0FC; 
    border: solid 2px #0FF; 

} 

Le code HTML est une table simple ... avec des champs d'entrée ...

+0

Très difficile à dépanner sans le code en question. –

Répondre

1

This thread pourrait aider. Il a quelques bons liens liés à votre problème.

De plus, comment montre-t-il l'aperçu? Pouvez-vous partager le code?

+0

aperçu est bon, mais il imprime complètement hors de propos ... – Tsundoku

1

Sauf si vous avez spécifié une table quelque part pour avoir une position: absolute, vous devez l'ajouter à la css pour l'élément table. Je ne sais pas comment tous les navigateurs gèrent cela, mais il devrait l'avoir quand même.

1

Si vous distribuez plusieurs feuilles de style, vous devez vous assurer qu'elles ne sont pas appliquées en même temps. Par exemple:

<link type="text/css" rel="stylesheet" src="default.css" /> 
<link type="text/css" rel="stylesheet" src="default.css" media="print" /> 

applique les deux feuilles de style lors de l'impression, mais uniquement la première dans d'autres circonstances.

Si vous seulement souhaitez que votre feuille de style d'impression soit appliquée lors de l'impression, vous devez spécifier un support pour toutes vos feuilles de style. Quelque chose comme:

<link type="text/css" rel="stylesheet" src="default.css" media="screen, projection" /> 
<link type="text/css" rel="stylesheet" src="default.css" media="print" /> 

et seule la feuille de style d'impression sera appliquée.