Currency table in CSS -
i have table , need format currency in order .
displayed under each other.
this table:
<table class="data" cellspacing="0" cellpadding="5" border="0"> <thead> <tr> <th>date</th> <th>description</th> <th>field1</th> <th>field2</th> <th>balance</th> </tr> </thead> <tbody> <tr class="verticaldivider"></tr> <tr> <td>08 april 2010</td> <td>value 1</td> <td>gbp 20.00</td> <td> </td> <td>gbp 20.00</td> </tr> <tr> <td>08 may 2010</td> <td>value 2</td> <td>gbp 100.00</td> <td> </td> <td>gbp 1020.00</td> </tr> <tr> <td>19 may 2010</td> <td>value 3</td> <td> </td> <td>gbp 50.00</td> <td>gbp 970.00</td> </tr> </tbody> </table>
how can achieve this?
how look?
<style type="text/css"> .price { text-align: right; } </style> <table class="data" cellspacing="0" cellpadding="5" border="0"> <thead> <tr> <th>date</th> <th>description</th> <th>field1</th> <th>field2</th> <th>balance</th> </tr> </thead> <tbody> <tr class="verticaldivider"></tr> <tr> <td>08 april 2010</td> <td>value 1</td> <td class="price">gbp 20.00</td> <td> </td> <td class="price">gbp 20.00</td> </tr> <tr> <td>08 may 2010</td> <td>value 2</td> <td class="price">gbp 100.00</td> <td> </td> <td class="price">gbp 1020.00</td> </tr> <tr> <td>19 may 2010</td> <td>value 3</td> <td> </td> <td class="price">gbp 50.00</td> <td class="price">gbp 970.00</td> </tr> </tbody> </table>
Comments
Post a Comment