アプリ版：「スタンプのみでお礼する」機能のリリースについて

colspan セルの結合について

締切済

  • 質問者：kotikaze6
  • 質問日時：
  • 回答数：2件

テーブルタグで作ったセルを結合させようと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

  • 回答者： hiyokko7
  • 回答日時：

■ポイントその１


-----------------------------------------------------------
<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>
------------------------------------------------------
↑なにかがおかしい…
------------------------------------------------------

この回答への補足

(1)yyyの前の<td>
(2)</table>
(3)下のセルは３，４，２と結合させたいのです。（元は９）
(4)これは、わかりません。コピペしたのを使ってるもので…

補足日時：2008/03/26 02:03
通報する
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： auty
  • 回答日時：

間違いが多くなっていて、意図が良く分かりませんが、


以下のコードを参考にしてみてください。
------------------------------------------------------------
<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を使ったところ
やはり罫線が消えてしまいました。

　テーブルで座標指定できるのか、今はそれも考えています。

補足日時：2008/03/26 01:55
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報