セル内で２段組みするには？

和喜 1999/11/25(木) 05:56:47
セル内部で２段組みにする事は可能でしょうか？
「とほほのＷＷＷ入門」も参考にさせて頂いたのですが．．．。
全くの初心者で、どうやったらいいのか見当もつきません。
大変お手数ですが、どなたか教えてください。

匿名不希望 1999/11/25(木) 07:45:57
テーブルのセルでしょうか？

だとしたら、私なんかは、そのセルの中にもう一つテーブルを入れてしまいます。
（↑結構ポピュラーなはず）

Nobu3 1999/11/25(木) 09:06:25
<table border=1>
<tr><td><br><td colspan=2>aaa
<tr><td rowspan=2>bbb<td>ab<td>ba
<tr><td>ba<td>ab
</table>
とか？

和喜 1999/11/26(金) 02:31:12
匿名不希望さん、Ｎｏｂｕ３さん、早くて親切な回答ありがとうございます。
はい。テーブルの中のセルです。
一応、自分なりにやってみたのですが、何しろ初心者なもので、
自分の思うように表示できず、困っています。
とりあえず、
<table border=1>
<tr><td align=center>A</td>
<td align=center>B</td>
<td align=center>C</td>
<td align=center>D</td>
<td align=center>E</td></tr>
<tr><td colspan=8 bgcolor="#CCCCFF">F</tr>
<tr><td colspan=3 bgcolor="#CCCCFF">G</td>
<td colspan=2" bgcolor="#CCCCFF">H</td></tr>
<tr><td align=center>A</td>
<td align=center>B</td>
<td align=center>C</td>
<td align=center>D</td>
<td align=center>E</td></tr>
<tr><td colspan=8 bgcolor="#CCCCFF">F</tr>
<tr><td colspan=3 bgcolor="#CCCCFF">G</td>
<td colspan=2" bgcolor="#CCCCFF">H</td></tr>
</table>
とやってみました。
２段組にしたかったのは、ＧとＨの部分であり、それはお陰様で何とかできました。
ただ、ブルー内の枠線を消したいのですが、どうしたら良いのかわかりません。
テーブルをもうひとつ使うべきなのでしょうか？
それと、段組みを真ん中でしたいのです。
これは、colspanでやっているのがいけないのですよね？

本当に初歩的な質問で申し訳ありません。
しかし、行き詰まってしまっていてどうしたら良いのかわかりません。
またお知恵を貸していただければ幸いです。

じゃむじゃむ [E-Mail] 1999/11/26(金) 03:08:14
<table border=1>
<tr><td align=center>A</td>
<td align=center>B</td>
<td align=center>C</td>
<td align=center>D</td>
<td align=center>E</td></tr>
<tr><td colspan=5 align=center>
<table width="100%" border="0">
<tr><td colspan=2 bgcolor="#CCCCFF">F</td></tr>
<tr><td width="50%" bgcolor="#CCCCFF">G</td>
<td width="50%" bgcolor="#CCCCFF">H</td></tr>
</table>
</td></tr>
<tr><td align=center>A</td>
<td align=center>B</td>
<td align=center>C</td>
<td align=center>D</td>
<td align=center>E</td></tr>
<tr><td colspan=5 align=center>
<table width="100%" border="0">
<tr><td colspan=2 bgcolor="#CCCCFF">F</td></tr>
<tr><td width="50%" bgcolor="#CCCCFF">G</td>
<td width="50%" bgcolor="#CCCCFF">H</td></tr>
</table>
</td></tr>
</table>

こんな感じでしょうか？
内側のテーブルの
<table width="100%" border="0">
と
<td width="50%"　～
がポイントだと思います。

じゃむじゃむ [E-Mail] 1999/11/26(金) 03:11:44
七行目の
align=center
は無意味でした。(^^;
　＃　後ろのも

和喜 1999/11/26(金) 04:28:16
じゃむじゃむさん、親切な回答ありがとうございます！
なるほど。
お陰様でちゃんと真ん中にする事ができました。

ブルー内の枠なんですが、テーブルでやっていて、背景に色をつけている以上、
枠線は消すことができても、何もないように背景と同じ色にする事はできないのでしょうか？

質問ばっかりで申し訳ありません。

初級者 1999/11/26(金) 08:55:33
内側のテーブルを
<table width="100%" border="0"　CELLSPACING="0">
とします。
また間隔を広げる場合は
CELLPADDING="n"を追加し、nに数値を入れます。

じゃむじゃむ [E-Mail] 1999/11/26(金) 12:11:19
「セル背景と同じ色」という意味ですよね？

例の七行目を
<tr><td colspan=5 bgcolor="#CCCCFF">
とする方法もあります。
初級者さんのものとは、微妙に効果が違います。
使い分けてください。

-----
八行目を
<table width="100%" border="0" bgcolor="#CCCCFF">
としたら、IEでは消えますが、NNでは消えないので注意！ (^^;

和喜 1999/11/27(土) 07:02:49
[[解決]]
初級者さん、じゃむじゃむさん、アドバイスありがとうございました。
お陰様で、やっとイメージ通りのものが作れそうです。
皆様本当にお世話になりました。（＿　＿）

[上に] [前に] [次に]