表の作り方

[新着] Webテンプレートを仮オープンしました



0   名前: Daipa : 2006/06/20(火) 15:36  ID:7bA9Rzbr
はじめまして、Daipaと申します。

最近、ホームページを作りはじめて、いろいろ勉強しています。
下記のような表を作ろうと思っているのですが、どうしてもうまくいきません。
上段と下段の左側のwidth値を別々な値で反映させることはできないのでしょうか?
分かる方がいましたら、教えてください。お願いします。

┏━━━━┳━━┓
┣━━━━┻━━┫
┣━━┳━━━━┫
┗━━┻━━━━┛

上段を2:1の比率に
下段を1:2の比率にしたいのですが…。

1   名前: NullPo : 2006/06/20(火) 15:36  ID:XoE1slt9
列を三つに分けてcolspanを使えばいいと思います。

2   名前: Daipa : 2006/06/20(火) 15:36  ID:7bA9Rzbr
実際、このようにやって見たのですが、まともな表示をしません。

<TABLE border="1" width="600">
<TBODY>
<TR>
<TD colspan="2">a</TD>
<TD>b</TD>
</TR>
<TR>
<TD colspan="3">c</TD>
</TR>
<TR>
<TD>d</TD>
<TD colspan="2">e</TD>
</TR>
</TBODY>
</TABLE>

3   名前: Ryu : 2006/06/20(火) 15:36  ID:braAjNZo
表の幅が600pxだとしたら
<style type="text/css">
td {
width:200px;
</style>
を足せば表示されるはずです。

4   名前: Ryu : 2006/06/20(火) 15:36  ID:braAjNZo
綴じ忘れました・・・
<style type="text/css">
td {
width:200px;
}
</style>

でお願いします。

5   名前: Daipa : 2006/06/20(火) 15:36  ID:7bA9Rzbr
ホームページビルダー10を使用しています。
編集画面では、おかしな表示をしていますが、プレビューでは、ちゃんと表示してくれました。

それと、このスタイルはcolspan1つに対しての値と考えて良いのですね。

NullPoさん・Ryuさん、ありがとうございました。

一覧へ戻る