• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 12. Working with Tables > Putting On the Finishing Touches

Putting On the Finishing Touches

There's quite a bit more you can do to embellish the table. In the following sections, you set horizontal and vertical borders, turn off internal borders, and set a border around the outside of your table, in addition to setting background images in your table. Before doing any of that, however, you need to add some CLASS attributes (class="top", class="none", and class="left") to your example code, so you can then attach specific style properties to them:

<thead>
<tr>
<th>&nbsp;</th><th colspan="3">Monthly Payment</th><th colspan="3">Total
Interest</th>
</tr>

<tr class="top">
<th class="none">Down-<br>Payment</th><th class="left">20
Years</th><th>25 Years</th><th>30 Years</th><th class="left">20 Years</th><th>25 Years</th><th>30
Years</th>
</tr>
</thead>

<tbody>
<tr class="top">
<td>$0</td><td class="left">$1,670</td><td>$1,540</td><td>$1,470</td><td
class="left">$201,100</td><td>$262,800</td><td>$327,800</td>
</tr>
<tr>
<td>$10,000</td><td class="left">$1,590</td><td>$1,470</td><td>$1,390</td><td
class="left">$191,110</td><td>$249,700</td><td>$311,400</td>
</tr>

<tr>
<td>$20,000</td><td class="left">$1,511</td><td>$1,390</td><td>$1,320</td><td
class="left">$181,100</td><td>$236,500</td><td>$295,500</td>
</tr>

<tr>
<td>$30,000</td><td class="left">$1,420</td><td>$1,310</td><td>$1,250</td><td
class="left">$170,900</td><td>$223,400</td><td>$278,600</td>
</tr>

<tr>
<td>$40,000</td><td class="left">$1,340</td><td>$1,240</td><td>$1,170</td><td
class="left">$160,900</td><td>$210,800</td><td>$262,200</td>
</tr>

<tr>
<td>$50,000</td><td class="left">$1,260</td><td>$1,160</td><td>$1,100</td><td
class="left">$150,800</td><td>$197,100</td><td>$245,800</td>
</tr>
</tbody>

<tfoot>
<tr class="top">
<td colspan="7">Note: The monthly payment is rounded off to the nearest $10; the
total interest payment is rounded off to the nearest $100.</td>
</tr>
</tfoot>


					  


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint