xpatval Posté 13 Mars 2008 Posté 13 Mars 2008 Bonjour. J'ai une image, de 460px sur 270px. Je l'affiche sur une page web, et souhaite proposer son impression via un onclick="window.print()". De plus, je place du texte sur l'image. Or, mon image ne conserve pas ses dimensions à l'impression, qui les diminuent. Je possède une feuille de style dédiée au print, sans grande réussite Ma question est simple: comment fait-on pour conserver la dimension d'une image, si l'on souhaite l'imprimer par cette méthode? le code: <div id="corps"> <div style="position:absolute;top:0px;left:0;width:460px;height:270px;margin:0;padding:0; "> <img src="kidcard/background/KidCard_Verte.jpg" alt="" /> <img src="kidcard/1_card.jpg" style="position:absolute;width:126px;height:162px;top:57pt;left:36pt;" alt="" /> <p style="font-family:Arial, Helvetica, sans-serif;color:#41722d;font-weight:bold;position:absolute;top:50pt;left:170pt;font-size:20pt;margin:0;padding:0; ">blobla</p> </div> <form action="" method="post" style="position:absolute;left:500px;top:50%;width:120px; "> <input style="margin-bottom:15px; " name="print" onclick="window.print()" type="image" src="images/imprim.gif"> <input name="close" onclick="window.close()" type="image" src="images/close.gif"> </form> </div> Merci de vos réponses xpatval
Portekoi Posté 13 Mars 2008 Posté 13 Mars 2008 Hum l'affichage est en pixel mais l'impression est en centimètre... Tu veux imprimer comme elle apparait sur l'écran, c'est ca?
xpatval Posté 13 Mars 2008 Auteur Posté 13 Mars 2008 Non, justement, je souhaite l'imprimer en conservant sa taille en cm. En prenant ma petite règle, à l'écran, l'image a la bonne dimension en cm, bien que celle-ci soit exprimée en px. Lors de l'impression, je souhaite respecter cette taille en cm. Là où je pêche, me semble-t-il, c'est dans l'attribution des unités, pour le print: en px, en pt ?
Portekoi Posté 13 Mars 2008 Posté 13 Mars 2008 Bonne question mais ton image n'aura pas la même taille si tu es en 800X600 ou 1600X1200.. Dans le second cas, ton image sera 3 fois plus petite
xpatval Posté 13 Mars 2008 Auteur Posté 13 Mars 2008 Donc, il n'y a pas de possibilité de "bloquer" le format, pour le print ?
Portekoi Posté 13 Mars 2008 Posté 13 Mars 2008 Tu peux bloquer le format en mettant un width mais tu n'auras pas la même longueur en centimètre que sur l'écran
xpatval Posté 13 Mars 2008 Auteur Posté 13 Mars 2008 C'est malheureusement ce que j'ai pu constater... Pas cool, tt ça... Merci à toi
Portekoi Posté 13 Mars 2008 Posté 13 Mars 2008 Tu peux toujours faire des tests d'impression... Si tu imprimes une image en 100px, combien cela fait il de centimètre? Ensuite, tu fais un produit en croix...
xpatval Posté 13 Mars 2008 Auteur Posté 13 Mars 2008 Tu peux toujours faire des tests d'impression... Si tu imprimes une image en 100px, combien cela fait il de centimètre? Ensuite, tu fais un produit en croix... C'est un souk pas possible, en fonction des navigateurs. je n'ai pas les mêmes résultats sous ie ef ff, par exemple. Et en fonction d'un media=print, là encore, les dimensions varient. Peut-être en passant par une solution alternative, du genre génération d'un fichier pdf avec l'image, et imprimer le doc pdf ?
Dadou Posté 13 Mars 2008 Posté 13 Mars 2008 Tu peux aussi travailler sur la résolution en DPI de l'image, c'est au final elle qui va imposer la dimension de l'image imprimée
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant