html - 表のセルを点線上に正確に配置する際の問題

Question

以下のように、テーブルの 2 つの行を区切る点線があります。

<table cellspacing="0">
    <tr>
        <td>Issue</td>                               
        <td>Date</td>
    </tr>  
    <td style="border-bottom: 1px dotted red;padding-top:2px;width:800px;"></td>
    <tr>
        <td>Theres is a issue with the code</td>
        <td>09-28-2012</td></tr>
</table>

これはフィドラー版です。その日付を最後ではなくどこかに合わせたいと思います。どうやってやるの。

Answer 1

点線のに追加colspan = "2"します。セルがまたがる列数または行数をそれぞれ定義します。tdcolspanrowspan

デモの修正版は次のとおりです: little link。

Answer 2

これを試してください：

 <table cellspacing="0">
        <tr>
            <td>Issue</td>                               
            <td>Date</td>
        </tr>  
        <tr style="border-bottom: 1px dotted red;padding-top:2px;width:800px;"><td></td><td ></td></tr>
        <tr>
            <td>Theres is a issue with the code</td>
            <td>09-28-2012</td></tr>
    </table>

Answer 3

<table cellspacing="0">
 <tr>
    <td>Issue</td>                               
    <td >Date</td>
 </tr>  
 <tr>
   <td class="td"></td>
   <td class="td"></td>
 <tr>    
 <tr>
    <td>Theres is a issue with the code</td>
    <td>09-28-2012</td>
 </tr>
</table>​

CSS:

.td{
   border-bottom: 1px dotted red;width:800px;padding-top:2px;
   }

デモ