![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
テーブルタグで作ったセルを結合させようとcolspan タグを使用したのですが
縦線が消えてしまいます。何故なのか調べてもわからず困っています。
ソースを載せるのでよければお知恵を貸してください。お願いします。
<html>
<head></head>
<body bgcolor="blue">
<table border=0 bgcolor="#ffffff cellspacing=0 cellpadding=0>
<tr>
<td>
<table border=0 cellspacing=1 cellpadding=3>
<tr bgcolor="#000000"><td colspan="9">aaa</td></tr>
<tr bgcolor="#000000"><td>ccc</td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td></tr>
</table>
</td>
</tr>
</table>
<table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0>
<tr>
<td>
<br>
<table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0>
<tr>
<td>
<table border=0 cellspacing=1 cellpadding=3>
<tr bgcolor="#000000"><td colspan="9">aaa</td></tr>
<tr bgcolor="#000000"><td colspan="3">ccc</td><td colspan="3">kkk</td><td colspan="6">mmm</td></tr>
</table>
</td>
</tr>
</table>
<table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0>
<tr>
<td>
</body>
</html>
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
■ポイントその1
-----------------------------------------------------------
<tr bgcolor="#000000"><td colspan="9">aaa</td></tr>
<tr bgcolor="#000000"><td>ccc</td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td></tr>
-----------------------------------------------------------
↑よくみると、なにか1つ抜けているものがあります。
抜けているものは何でしょう?
------------------------------------------------------
■ポイントその2
------------------------------------------------------
<table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0>
<tr>
<td>
<br>
<table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0>
<tr>
<td>
…中略
</td>
</tr>
</table>
------------------------------------------------------
↑テーブルの○○タグは2つあるのに、××タグは1つしかありませんね。。
------------------------------------------------------
■ポイントその3
------------------------------------------------------
<table border=0 cellspacing=1 cellpadding=3>
<tr bgcolor="#000000"><td colspan="9">aaa</td></tr>
<tr bgcolor="#000000"><td colspan="3">ccc</td><td colspan="3">kkk</td><td colspan="6">mmm</td></tr>
</table>
------------------------------------------------------
↑上のセルは9つ結合させていますよね。
下のセルはどうなっているでしょうか…?
------------------------------------------------------
■ポイントその4
------------------------------------------------------
<table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0>
<tr>
<td>
------------------------------------------------------
↑なにかがおかしい…
------------------------------------------------------
この回答への補足
(1)yyyの前の<td>
(2)</table>
(3)下のセルは3,4,2と結合させたいのです。(元は9)
(4)これは、わかりません。コピペしたのを使ってるもので…
No.1
- 回答日時:
間違いが多くなっていて、意図が良く分かりませんが、
以下のコードを参考にしてみてください。
------------------------------------------------------------
<html>
<head></head>
<body bgcolor="blue">
<table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0>
<tr>
<td>
<table border=1 cellspacing=1 cellpadding=3>
<tr bgcolor="#eeeeee"><td colspan="9">aaa</td></tr>
<tr bgcolor="#eeeeee"><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td></tr>
</table>
</td>
</tr>
</table>
<hr />
<table border=1 cellspacing=1 cellpadding=3>
<tr bgcolor="#aaaaaa"><td colspan="9">aaa</td></tr>
<tr bgcolor="#aaaaaa"><td colspan="3">ccc</td><td colspan="3">kkk</td><td colspan="3">mmm</td></tr>
</table>
</body>
</html>
この回答への補足
レスが遅れました。申し訳ございません、ありがとうございました。
私がしたかったことは、細い罫線で線が二重にならず、かつ
上が3セル、下が7セルあるようなテーブルを作りたかったのです。
しかし、colspanを使った際、縦罫線が消えてしまい困ったわけです。
用意してくれたソースも実行してみましたが、colspanを使ったところ
やはり罫線が消えてしまいました。
テーブルで座標指定できるのか、今はそれも考えています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
テーブルの行の高さを指定する...
-
tableの要素(tr、td)に一...
-
逆L字の表(table)組み
-
tdなどの閉じタグは省略しても...
-
表の位置は動かすことができま...
-
<table>の<thead>をposition:fi...
-
テーブル入れ子した時の、テー...
-
テーブルのヘッダとボディの幅...
-
【CSS】:hasで可能? imgを含む...
-
テーブルを2つ横に並べる
-
テーブルの外側の線を消す
-
html・cssで日付をキレイに揃え...
-
colspanを使うと正しく表示でき...
-
テーブルのセルにアンカー
-
HTML <td></td>タグ セル内余...
-
テーブルを挿入すると他のCSSと...
-
HTMLのテーブルで桁をそろ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableにul,または,olを入れられ...
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
cssで、表示されるテキストによ...
-
テーブルのヘッダとボディの幅...
-
テーブルの任意の列を非表示に...
-
中に<table></table>が使えるア...
-
HTMLのテーブルで桁をそろ...
-
HTML <td></td>タグ セル内余...
-
文字列が入っているtdを削除せ...
-
テーブルのセルに画像をピッタ...
-
ホームページ 表の上の余白を...
-
逆L字の表(table)組み
-
スタイルシートで colspan=3と...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
テーブルのセルにアンカー
-
表の1列だけをCSSを使って右揃...
-
テーブルの装飾
-
tableでcolspanを使うと次行以...
おすすめ情報