0

このようにテーブルをフォーマットしようとしています...

基本的に、「Dates」行の中に2つの列（toとfrom）があり、両方とも日付の幅の50％である必要がありますが、フォーマットしようとすると。「To」はすべての日付を取り、「From」はすべての名前を取ります。彼らは「日付」の下でロックされていません

どんな助けでもありがたいです...ありがとうここに画像の説明を入力してください

                    <th width="100%">Dates</th><th>Name</th><th>Age</th>
         <tr>
  <tr>
    <td width="50%">To</td>
    <td width="50%">From</td>
  </tr>

</tr>

変化する

  <table border="1">
                      <tr class="heading"> <td colspan="6">Information</td> </tr >
                   <th width ="15" colspan="2">Dates</th><th> Name</th><th>Age</th>
         <tr>
  <tr>
    <td width="2">From</td>
    <td width="2">To</td>
    <td></td>
    <td></td>  
  </tr>
  <tr>
  <td width="5">
  <input type="text" class="input" name="1fdate" /></td>
     <td width="2">
  <input type="text" class="input" name="1fdate" /></td>

  </tr>


</tr>




                    </table>
4

3 に答える 3

1

Change

<th width="100%">Dates</th>

to have colspan value. Like

<th colspan="2">Dates</th>
于 2013-02-10T04:06:32.723 に答える
1

これがあなたが必要としているものであることを願っています。とを使用colspanしrowspanてセルを結合します。日付セルで「2」に設定colspanすると、2つのセル（または列）で行にまたがります。またrowspan、日付の横のセルも「2」に設定して、日付セクション全体で取得された行にまたがるようにします。

<table width="600" border="0">
  <tr>
    <th width="200" colspan="2" scope="col">Date</th>
    <th width="200" rowspan="2" scope="col">Name</th>
    <th width="200" rowspan="2" scope="col">Age</th>
  </tr>
  <tr>
    <th width="100">To</th>
    <th width="100">From</th>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
于 2013-02-10T04:20:48.310 に答える
0

Replace first line with below

                <th width="100%" colspan="2">Dates</th><th>Name</th><th>Age</th>
于 2013-02-10T04:06:09.870 に答える