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:
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>
<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
