テーブル　タグの空白セルを作製する方法

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

0   名前： sakura ： 2007/08/22（水） 08:20  ID:fVw5YOwA sub-t1
【何をしたいのか】
→ 「このようにしたい」といった目的を具体的に記入してください。
テーブルを作製する時に、<tr></tr>の間に各列に<td></td>で間に表示したいデータを入れます。しかし、全てデータが無い場合は、テーブルの表示は出来ません。これをcolspan...etcの方法で作成する事は出来ないでしょうか？HTMLの問題なのか、ＣＳＳの問題なのかは分かりません。
【現在の状況】
→ どこがどううまくいかないのか、何がわからないのか、などを具体的に記入してください。
現在は、テーブルの表示を優先させる為に、ダミーとして空白を入れている。しかし、余りにも煩雑さを感じる。
【サンプルの提示】
→ 必要に応じてソースコードやサンプルページのURLを提示してください。
→ ★矢印の付いた行は削除して使用してください★


【何をしてみたのか】
→ これまでどんなことを試したのか、どんなことを調べてみたのか、などを記入してください。
一部のソースで、colspanを使っていて、<td>と</td>の間に一切のデータが入っていないのを見たことがある。しかし、単純にcolspanだけでは解決しない。現在、そのソースが紛失している為に、解決が頓挫している状態になっている。
【検索用語】
→ どのような検索用語で調べてみたのかを記入してください。
colspan table
【備考】
→ その他、回答者の参考になるような情報があれば記入してください。
→ 特定のツールに関連がある場合は、その名称やバージョンを記入してください。
→ ★矢印の付いた行は削除して使用してください★
1   名前： sakura ： 2007/08/22（水） 08:20  ID:fVw5YOwA sub-t1
説明が、足りないと思いますので、最初にうまく表示出来る場合の例、次にうまく表示出来ない場合の例を示します。最初にうまく表示出来る場合。
<html> 
<head> 
	<title>予定表</title> 
	<body>
		<h1>予定表</h1>
		<table border="1" cellspacing="0" cellpadding="0">
			<tr>
				<td width=60>作業者</td>
				<td width=20>月</td>
				<td width=20>火</td>
				<td width=20>水</td>
				<td width=20>木</td>
				<td width=20>金</td>
				<td width=20>土</td>
				<td width=20>日</td>
			</tr>
			<tr>
				<td>山田</td>
				<td>●</td>
				<td>●</td>
				<td>●</td>
				<td>●</td>
				<td>●</td>
				<td>●</td>
				<td>●</td>
			</tr>
			<tr>
				<td>橋本</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
			</tr>
		</table>
	</body>
</html>
次に、うまく表示出来ない場合の例を示します。
<html> 
<head> 
	<title>予定表</title> 
	<body>
		<h1>予定表</h1>
		<table border="1" cellspacing="0" cellpadding="0">
			<tr>
				<td width=60>作業者</td>
				<td width=20>月</td>
				<td width=20>火</td>
				<td width=20>水</td>
				<td width=20>木</td>
				<td width=20>金</td>
				<td width=20>土</td>
				<td width=20>日</td>
			</tr>
			<tr>
				<td>山田</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>橋本</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
				<td>◆</td>
			</tr>
		</table>
	</body>
</html>
最初の例は、全てのテーブルのセルにデータが入っています。この場合はきちんと罫線は表示されます。しかし２番目の例は一部データがありません。この時は、罫線が表示されません。問題の趣旨は、データが無い場合でも罫線を表示したいのですが、データを入力しないで、別の方法(例えばcolspan,width...etc)で罫線を表示する方法は、ないのだろうかと言う質問です。宜しく、お願いします。
2   名前： Newのり太 ： 2007/08/22（水） 08:20  ID:YcI0n5oL sub-1h
http://www.tagindex.com/stylesheet/table/empty_cells.html
http://www.tagindex.com/html_tag/table/table_frame.html
一覧へ戻る