1行目に4td、2行目に3tdsを設定することは可能ですか？

私はHTMLとCSSデザインが初めてです。私は以下のコードを持っています。1行目に4td、2行目に3tdsを設定することは可能ですか？

<html> 
<body> 
    <table width="100%"> 
     <tr> 
      <td width="25%">&#160;</td> 
      <td width="25%"></td> 
      <td width="25%"></td> 
      <td width="25%"></td> 
     </tr> 
     <tr> 
      <td >wqewqehkjfoiw</td> 
      <td >abcdefdsfds</td> 
      <td >sdfdsfdsfdsf</td> 
      <td >dsfsdfdsfdsfsdweqw</td> 
     </tr> 
     <tr> 
      <td width="34%">wqewqehkjfoiw</td> 
      <td width="33%">abcdefdsfds</td> 
      <td width="33%">sdfdsfdsfdsf</td> 
     </tr> 
    </table> 
</body> 
</html>

第1行目と第2行目は、同じ幅の4つのtdsを持っています。今度は3列目に、3tdsの幅を同じにしたいと思っています。しかし、上記のコードでは動作しません。 Pls help

出典

2012-01-29 Jayy

私が今出て行かなければならないが、あなたは、この使用して空の列を行うことができます - 他に誰が（http://answers.googleを持っていない場合、私は後で解決策を追加します。 com/answers/threadview/id/258530.html） – ramblex

テーブルの代わりにグリッドシステム（http://960.gs/など）を使用することを検討する必要があります。

それでもテーブルを使用したい場合は、colspan属性を使用します。

<html> 
<body> 
    <table width="100%"> 
     <tr> 
      <td colspan="3" width="25%">&#160;</td> 
      <td colspan="3" width="25%"></td> 
      <td colspan="3" width="25%"></td> 
      <td colspan="3" width="25%"></td> 
     </tr> 
     <tr> 
      <td colspan="4" width="33%">wqewqehkjfoiw</td> 
      <td colspan="4" width="33%">>abcdefdsfds</td> 
      <td colspan="4" width="33%">>sdfdsfdsfdsf</td> 
     </tr> 
    </table> 
</body> 
</html>

colspan="12/N"を使用し、Ntdのためのように、上記の表には、12個の列があります。

出典

2012-01-29 12:56:34 ori

ありがとうございます。これも良い解決策です。 – Jayy

<table width="100%" border="5"> 
     <tr> 
      <td colspan="25%">&#160;</td> 
      <td colspan="25%"></td> 
      <td colspan="25%"></td> 
      <td colspan="25%"></td> 
     </tr> 
     <tr> 
      <td colspan="25%">wqewqehkjfoiw</td> 
      <td colspan="25%">abcdefdsfds</td> 
      <td colspan="25%">sdfdsfdsfdsf</td> 
      <td colspan="25%">dsfsdfdsfdsfsdweqw</td> 
     </tr> 
     <tr> 
      <td colspan="34%">wqewqehkjfoiw</td> 
      <td colspan="33%">abcdefdsfds</td> 
      <td colspan="33%">sdfdsfdsfdsf</td> 
     </tr> 
    </table>

出典

2012-01-29 13:00:55

ありがとうございます。それは動作します。 – Jayy

試した方法は、HTMLテーブルモデルまたは論理テーブル構造に対応していないため動作しません。実際にブラウザが行っているのは、気づいたように、3つのセルに4番目の空のセルがあるかのように行を扱うということです。そして、多かれ少なかれ、矛盾する幅の設定を無視します。

可能な回避策の中で最もクリーンな（そして最も一般的な）のはおそらくネストした表の使用です。最後の行セルを、4つの列すべてにまたがる単一のセルで置き換え、内部の1行の表を含みます。最後の行は、このようにすることができます

<tr> 
     <td colspan=4> 
      <table width=100%> 
      <tr> 
       <td width="34%">wqewqehkjfoiw</td> 
       <td width="33%">abcdefdsfds</td> 
       <td width="33%">sdfdsfdsfdsf</td> 
      </tr> 
      </table> 
     </td> 
    </tr>

出典

2012-01-29 14:39:12

1行目に4td、2行目に3tdsを設定することは可能ですか？

答えて

関連する問題