Create an HTML Invoice: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 31: | Line 31: | ||
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 | 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! If it doesn't - the browser shows one way and printing shows everything in a different position, then something is incorrect. | ||
<pre> | |||
<pagebreak here> | |||
<span id=”rel” style="FLOAT: left; POSITION: relative"> | |||
<span id=”abs” style="LEFT: 28px; POSITION: absolute; TOP: 90px" > | |||
<td class="Data"><input size="20" name="loadInfo__company_name" /></td> | |||
<span id=”abs” style="LEFT: 28px; POSITION: absolute; TOP: 100px" > | |||
<td class="Data"><input size="14" name="loadInfo__phone" /></td> | |||
</span> | |||
<table> | |||
<tr> | |||
<td> | |||
<img src=1st image...> | |||
</td> | |||
</tr> | |||
</table> | |||
</span> | |||
<pagebreak here> | |||
<span id=”rel” style="FLOAT: left; POSITION: relative"> | |||
<span id=”abs” style="LEFT: 28px; POSITION: absolute; TOP: 90px" > | |||
<td class="Data"><input size="14" name="loadInfo__contact" /></td> | |||
</span> | |||
<table> | |||
<tr> | |||
<td> | |||
<img src=2nd image...> | |||
</td> | |||
</tr> | |||
</table> | |||
</span> | |||
</pre> | |||