Create an HTML Invoice: Difference between revisions
m
example of inline html
(New page: '''The Goal'''<br> Ever need to create a printable invoice with all of those little blocks and lines? It can be a challenge, and even more so in HTML. There is an easier way than trying ...) |
m (example of inline html) |
||
| Line 6: | Line 6: | ||
A “span” tag is used to group HTML and can also be used to “hook” information onto that HTML. Here we will use it to enforce accurate positioning of the data elements on top of the image. An example will help. | A “span” tag is used to group HTML and can also be used to “hook” information onto that HTML. Here we will use it to enforce accurate positioning of the data elements on top of the image. An example will help. | ||
<pre> | |||
<form> | |||
<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__pu_contact" /></td> | |||
</span> | |||
<table> | |||
<tr> | |||
<td> | |||
<img src="images/Waybill.png" height="881" width="690" align="left" alt="Waybill.png"> | |||
</td> | |||
</tr> | |||
</table> | |||
</span> | |||
</form> | |||
</pre> | |||