テーブルが崩れる

[新着] TAG indexオフライン版 3.0 を準備中です

0   名前： 門松 ： 2005/01/09 21:52
こんばんは、門松です。
テーブルタグでメニューを作成したのですが、
横幅を指定してあるのにどうしても形が崩れてしまいます。
セルの統合をしてみたからそれが原因なのかもしれませんが、
所々変更してみても、出っ張りがどうにもなりません。
解決策が出てきません。
どなたか助言お願いします。

http://homepage2.nifty.com/ftc440/text.htm
↑このページです。
1   名前： 七鍵 ： 2005/01/09 22:33   ［URL］
こんばんは。

４，５行目の「苗字」「名前」の行は１行にセルが２、３個指定されているのに対し、
他の行は１行に１つのセルしか指定されていません。
「colspan="3"」を他の行のセルに指定してみてください。

2   名前： 門松 ： 2005/01/09 22:53
返信ありがとうございます。
けど、ちょっとよくわからないので
もう少し説明をお願いします。

colspan=はセルを統合するタグですよね？
ということは、1行に2つのセルがある行のはじめと
1行に1つのセルに戻るときにつければいいんですか？
他にもつけるんですか？
他の行のセル、というのを教えてください。
すみません。
3   名前： 七鍵 ： 2005/01/09 23:26   ［URL］
横方向にセルを結合したい場合に「colspan」にてセルを統合する数を指定します。
例えば「colspan」に「2」を指定した場合は、
セルがテーブルの列を 2 つ使用することを示します。

詳しくは
http://www.7key.jp/hp/_table/12.html
など参考にして下さい。
4   名前： 門松 ： 2005/01/10 10:50
ありがとうございます、七鍵さん。
セルの統合についてはわかった感じがしますが、
セルの長さが指定どおりになりません。
はじめにテーブルの横幅を80％に指定してあるのに、
実際に80％になっているのは三行だけなんです。
あと、統合してあるセルの長さを半々にすることはできないでしょうか？

[ニニﾆ]　←1行にひとつのセル
[ニ|ニ]　←1行にふたつのセル
[ニ|ニ]　←1行にふたつのセル
[ニニﾆ]　←1行にひとつのセル

こんな感じで揃えたいんですけど…わかりにくいですか；
5   名前： カヅサツ ： 2005/01/11 09:55   ［URL］
> colspan=はセルを統合するタグですよね？

「タグ」ではなく「属性」です。
# ここでちゃんと用語を把握しておかないと、解説サイトを読めないと思うので一応指摘。

> はじめにテーブルの横幅を80％に指定してあるのに、
> 実際に80％になっているのは三行だけなんです。
> あと、統合してあるセルの長さを半々にすることはできないでしょうか？
> (snip)

<!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{
border-collapse: collapse;
width: 80%;
margin: 0px auto 0px auto;
}
table,th,td{
border-width: 1px;
border-style: solid;
border-color: black;
}
tr.test td{
width: 50%;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td colspan="2">1</td>
</tr>
<tr class="test">
<td>2</td><td>3</td>
</tr>
<tr>
<td colspan="2">4</td>
</tr>
</tbody>
</table>
</body>
</html>
6   名前： 門松 ： 2005/01/11 17:55
ありがとうございます、カヅサツさん。
なんとか解決しました！
ありがとうございました！
一覧へ戻る