HTML/CSS/Java Script

PDF Template

To draw verticle line to connect two tables:

This line of css code shows how to draw a verticle line to connect the two tables in body and footer.

<div class=”vl” style=”border-left: 1px solid black;height: 100%;border-right: 1px solid black;height: 100%; “>&nbsp;</div>

 

To draw footer:

This part of html code is to display the footer of the page along with table.

<table border=”1″ bordercolor=”#ccc” cellpadding=”5″ cellspacing=”0″ height=”123″ style=”border-collapse:collapse;” width=”1003″>
<tbody>
<tr>
<td colspan=”5″ style=”text-align: left;”><span style=”font-size:14px;”><span style=”font-family: verdana;”>Declaration :</span></span> <span style=”font-size:14px;”><span style=”font-family: verdana;”>We declare that this invoice shows<br />
the actual price of the goods described and that<br />
all particulars are true and correct.</span></span></td>
<td colspan=”5″ style=”text-align: right;”><span style=”font-size:14px;”><strong><span style=”font-family: verdana;”>for PRARAS BIOSCIENCES PVT LTD</span></strong><br />
<br />
<br />
<br />
<span style=”font-family: verdana;”>Authorised Signatory</span></span></td>
</tr>
<tr>
<td colspan=”10″ style=”text-align: left;”>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;This is a Computer Generated Invoice&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;E &amp; O.E</td>
</tr>
</tbody>
</table>

Leave a Reply

Your email address will not be published. Required fields are marked *