テーブルの使い方。。

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

0   名前： りさ ： 2006/05/06（土） 12:55  ID:2hdYqtda
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title>あいう<title>

</head>

<body>


<table border="3">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>

</body>



</html>

【何をしたいのか】
→ テーブルを２行３列で５つ使って（中２つは統合させる）使って骨組みを作りたい。


【現在の状況】
→ まず枠が表示されないんです。

そしてテーブルに例えば「チョコレート」「イチゴ」などと書いて、その説明を別の場所で表示させたいんですが、（※_parent … （親フレームに表示します） か、ウィンドウ名（フレーム名） … （任意のウィンドウ（フレーム）に表示します） と思います。）
その場合はフレームが必要ですか？テーブルタグの中にフレームタグを入れるべきですか？
テーブルからテーブルへのリンク指示は出来ませんか？

あと、

□□□■■
■■■■□

こういう感じで、２列２行でテーブルを作ったとして、上の白を70%上の黒を30%。
下の黒を90%で、下の白を10%といった風に別々に表示させることは可能でしょうか？

ごちゃごちゃして申し訳ありませんが、宜しく御願いします。



【何をしてみたのか】
→ これまでにどんなことを試したのか、どんなことを調べてみたのか、などを記入してください。
→ 必要に応じてソースやURLを提示してください。

【備考】
→ その他、回答者の参考になるような情報があれば記入してください。
→ 特定のツールに関連がある場合は、その名称やバージョンを記入してください。
→ ※矢印の付いた行は削除して使用してください。
1   名前： カヅサツ ◆ThCi95HEzw ： 2006/05/06（土） 12:55  ［URL］  ID:fv0v30Vt
何がしたいのかわからないのですが、とにかく枠を表示させたいのですか？
2   名前： リサ ： 2006/05/06（土） 12:55  ID:2hdYqtda
まずは枠を表示させたいです。

その次に、２列２行のテーブルを作り、上と下は比率を別にしたいです。

3   名前： Chip ： 2006/05/06（土） 12:55  ID:iXTrKUp6
とりあえず、>>0の
<title>あいう<title>

これを
<title>あいう</title>

こうしないとどうにもなりませんが、これだけすれば枠は（というか全体が）表示されると思います。
状況が再現しないソースを貼り付けられても困ってしまいます。
4   名前： カヅサツ ◆ThCi95HEzw ： 2006/05/06（土） 12:55  ［URL］  ID:fv0v30Vt
> その次に、２列２行のテーブルを作り、上と下は比率を別にしたいです。

テーブルの２行のうち、上の行と下の行のセルの比率を変えたいのですか？
そんなことをしたら「表」ではなくなってしまいます（のでできません）が…

5   名前： カヅサツ ◆ThCi95HEzw ： 2006/05/06（土） 12:55  ［URL］  ID:fv0v30Vt
ああ、一応こうすれば出来ますが、ここまでくると表でもなんでもない気がします。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
table{
	width: 100%;
	border-collapse: collapse;
}
table,
td{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
#test1{
	width: 70%;
}
#test2{
	color: white;
	background-color: black;
	width: 30%;
}
#test3{
	color: white;
	background-color: black;
	width: 90%;
}
#test4{
	width: 10%;
}
</style>
</head>
<body>
<table>
<tr>
<td colspan="7" id="test1">70%</td><td colspan="3" id="test2">30%</td>
</tr>
<tr>
<td colspan="9" id="test3">90%</td><td id="test4">10%</td>
</tr>
</table>
</body>
</html>

一覧へ戻る