I am trying to make a web app print receipts for my customer (he asked me for it) I've placed a table and everything however when I print it I just can't get it to print correctly into the fields of the receipts. Let me explain, the receipts are already made so I am merely making a place where the user inputs all the required fields and then prints it as if printing a normal web page, being the output paper this receipt (that looks sort of like this) anyway I've tried to move where the printer prints using a "print" css but it just won't obey...on top of that the text has gone wayyy small (I really don't know why) and honestly have no idea how to handle this anymore =/...does anyone out there knows?
Edit for 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;
}
The HTML is a plain table...with input fields...