- 締切済み
colspan セルの結合について
テーブルタグで作ったセルを結合させようと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>
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- hiyokko7
- ベストアンサー率52% (9/17)
■ポイントその１ ----------------------------------------------------------- <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 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> ------------------------------------------------------ ↑テーブルの○○タグは２つあるのに、××タグは１つしかありませんね。。 ------------------------------------------------------ ■ポイントその３ ------------------------------------------------------ <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> ------------------------------------------------------ ↑上のセルは９つ結合させていますよね。 下のセルはどうなっているでしょうか…？ ------------------------------------------------------ ■ポイントその４ ------------------------------------------------------ <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> ------------------------------------------------------ ↑なにかがおかしい… ------------------------------------------------------
- auty
- ベストアンサー率58% (284/486)
間違いが多くなっていて、意図が良く分かりませんが、 以下のコードを参考にしてみてください。 ------------------------------------------------------------ <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>
補足
レスが遅れました。申し訳ございません、ありがとうございました。 私がしたかったことは、細い罫線で線が二重にならず、かつ 上が３セル、下が７セルあるようなテーブルを作りたかったのです。 しかし、colspanを使った際、縦罫線が消えてしまい困ったわけです。 用意してくれたソースも実行してみましたが、colspanを使ったところ やはり罫線が消えてしまいました。 テーブルで座標指定できるのか、今はそれも考えています。
補足
(1)yyyの前の<td> (2)</table> (3)下のセルは３，４，２と結合させたいのです。（元は９） (4)これは、わかりません。コピペしたのを使ってるもので…