John Higgins
John Higgins

Reputation: 907

Issue with HTML Table

I am using a HTML to PDF converter which I have downloaded from HTML2pdf.fr and am getting the following error when it attempts to render the PDF.

HTML code invalid, the tags are not closed in the right order

I cannot see a problem with my HTML. Can anyone help?

<html>
  <head>

  <style type="text/css">
  table{
    border-collapse: collapse;
    border: 1px solid black;
  }
  table td{
    border: 1px solid black;
    padding: 15px;
  }
  </style>

  <body>
  <p style='text-align: center; '>Car Loans</p>
  <table border='1' width='100%'>
  <tr>
  <td style='text-align:left; vertical-align: middle; '>Batch Number</td>
  <td style='text-align:left; vertical-align: middle; '>Dealer Name</td>
  </tr>
  <tr>
  <td style='text-align:left; vertical-align: middle; '><b>BN0000151</b></td>
  <td style='text-align:left; vertical-align: middle; '><b>Dealer</b></td>
  </tr>
  </table>
  <table width='100%' style='border-collapse: collapse; border-top: none;'>
  <tr>
  <td style='text-align:left; vertical-align: middle; border-top: none; '>Retail Price
  <br>
  <b>£11,450.00</b>
  </td>
  <td style='text-align:left; vertical-align: middle; border-top: none; '>Purchase Price
  <br>
  <b>£8,950.00</b>
  </td>
  <td style='text-align:left; vertical-align: middle; border-top: none; '>Funded Amount (75%)
  <br>
  <b>£6,712.00</b>
  </td>
  </tr>
  </table>
  <table width='100%' style='border-top: none; '>
  <tr>
  <td style='text-align:left; vertical-align: middle; border-top: none; '>Number of Cars
  <br>
  <b>3</b>
  </td>
  <td style='text-align:left; vertical-align: middle; border-top: none; '>Date Added
  <br>
  <b>25/11/2014</b>
  </td>
  </tr>
  <tr>
  <td style='text-align:left; vertical-align: middle; '>
  Invoice Received from Supplier Invoice Number
  <br>
  <b>Yes</b>
  </td>
  <td style='text-align:left; vertical-align: middle; '>
  Email Received from Dealer Requesting Payment to be Made?
  <br>
  <b>Yes</b>
  </td>
  </tr>
  <tr>
  <td style='text-align:left; vertical-align: middle; ' colspan='2'>
  Enter HPI Registrations for each car stock no same as reg no's
  <br>
  <br>
  <b>CL00461 - DS12 LYS</b>
  <br>
  <b>CL00462 - MK13 YOP</b>
  <br>
  <b>CL00463 - DS12 KLS</b>
  </td>
  <tr>
  <td style='text-align:left; vertical-align: middle; '>
  Date Money Sent&emsp;&emsp;/&emsp;&emsp;/
  <br>
  <br>
  Signature
  <br>
  <br>
  Amount <b>£6,712.50</b>
  </td>
  <td style='text-align:left; vertical-align: middle; '>
  Bank <b>Bank</b>
  <br>
  <br>
  Payee <b>Bloggs &amp; Smith</b>
  <br>
  <br>
  Account <b>12345678</b> Sort <b>010203</b>
  </td>
  </tr>
  <tr>
  <td style='text-align:left; vertical-align: middle; '>Authorised by <b>Amy Brown</b>
  <br>
  <br>
  Signature
  </td>
  <td style='text-align:left; vertical-align: middle; '>
  Entered on Intranet?
  <br>
  <br>
  By
  </td>
  </tr>
  <tr>
  <td style='text-align:left; vertical-align: middle; ' colspan='2'>
  Check List
  <br>
  <br>
  1) HPI paperwork attached for each car
  <br>
  <br>
  2) Invoices attached for each car
  <br>
  <br>
  3) Payment made from Big Bank
  </td>
  </tr>
  </table>

</body>

</html>

Upvotes: 0

Views: 845

Answers (2)

Jonnefoy
Jonnefoy

Reputation: 86

Your code has some errors, first you must add a doctype to tell the browser what rules apply.

Then your <head> tag is not closed.

You should better indent your code to quickly locate the tags that are not closed.

Upvotes: 0

m.barz
m.barz

Reputation: 116

HTML2PDF wants to have validated HTML 4.01-code only. You might check you code with the W3C Markup Validation Service. Make sure to select the correct document type 4.01.

Best, Michael

Upvotes: 1

Related Questions