Create an HTML Invoice: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 33: | Line 33: | ||
In the above case, the coordinates of id=”rel” are relative to the form and the coordinates of id=”abs” are relative to “rel”. | In the above case, the coordinates of id=”rel” are relative to the form and the coordinates of id=”abs” are relative to “rel”. | ||
If you want to have multiple pages, simply force a pagebreak as shown in the pseudo code below. Printing of the invoice pages should track the browser layout exactly! And, be browser independent. If it doesn't - the browser shows one way and printing shows everything in a different position, then something is incorrect. | If you want to have multiple pages, it gets a little more complicated as you will need a table to hold it all. In the cell, just before the second page, simply force a pagebreak as shown in the pseudo code below. Printing of the invoice pages should track the browser layout exactly! And, be browser independent. If it doesn't - the browser shows one way and printing shows everything in a different position, then something is incorrect. | ||
<pre> | <pre> | ||
| Line 39: | Line 39: | ||
<tr> | <tr> | ||
<td> | <td> | ||
<pagebreak here> | <pagebreak here - this one might not be necessary, depending on what's above...> | ||
<span id=”rel” style="FLOAT: left; POSITION: relative"> | <span id=”rel” style="FLOAT: left; POSITION: relative"> | ||
<span id=”abs” style="LEFT: 28px; POSITION: absolute; TOP: 90px" > | <span id=”abs” style="LEFT: 28px; POSITION: absolute; TOP: 90px" > | ||