Home/ Questions/Q 6241841
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T11:50:25+00:00

I had some code that produced a table, and worked perfectly. This is the

  • 0

I had some code that produced a table, and worked perfectly.

enter image description here

This is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<body>

<table>
<tr class="d0"><th>SCHED DATE<th>AMOUNT
<tr class="d0"><td style="text-align: left;">Aug 1, 2011</a></td><td style="text-align: right;">$100</a></td>
<tr class="d1"><td style="text-align: left;">Jul 27, 2011</a></td><td style="text-align: right;">$100</a></td>
<tr class="d0"><td style="text-align: left;">Jul 20, 2011</a></td><td style="text-align: right;">$100</a></td>

<tr><td>Total:</td><td style="{border-top: grey thin solid; text-align: right;}">$300</td>
</table>

</body>
</html>

Then I added a line so that I could pass html validation at validator.w3.org

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

but that broke my CSS, the right format is gone, and my total line is gone

enter image description here

How can I fix that?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The following portion of your code looks strange :

    <td style="{border-top: grey thin solid; text-align: right;}">

    The {} arround the style’s values doesn’t seem quite standard (and as you specified, with the doctype declaration, that you want the browser to interpret your code using a well-defined standard…)

    You should probably remove those {}, and use something like this — which looks a bit more standard-compliant :

    <td style="border-top: grey thin solid; text-align: right;">

    Also, as noted by @cthulhu, you are opening <tr> and <th> tags, but never closing them :

    • there is an opening <tr> at the beginning of each of the following lines (and others) :
    • and you have two opening <th> tags on the first line :

    <tr class="d0"><th>SCHED DATE<th>AMOUNT
<tr class="d0"><td style="text-align: left;">Aug 1, 2011</a></td><td style="text-align: right;">$100</a></td>
<tr class="d1"><td style="text-align: left;">Jul 27, 2011</a></td><td style="text-align: right;">$100</a></td>

    You should add closing </th> and </tr> tags where needed :

    <tr class="d0">
    <th>SCHED DATE</th>
    <th>AMOUNT</th>
</tr>
<tr class="d0">
    <td style="text-align: left;">Aug 1, 2011</a></td>
    <td style="text-align: right;">$100</a></td>
</tr>
<tr class="d1">
    <td style="text-align: left;">Jul 27, 2011</a></td>
    <td style="text-align: right;">$100</a></td>
</tr>
    • 0