HP作成中、セルの背景色をHTMLの色表記で埋めて、ネット環境でそれを見たら色が隠れて見えなくなりました

こんばんは。
ＯＳはＷＩＮ　ＶＩＳＴＡです。
ＨＰビルダー１１を使っています。
初歩的質問でお恥ずかしいです。
ＨＰを苦労して作っています。
３行×３列の表を作り、上の行の各セルの升目を
「属性の変更」→「背景色の指定」で色をＨＴＭＬ表記で
指定して埋め、下の行の各セルに、上のセルの色名を入れました。
ここまではうまく行ったのですが、その表をネット環境で
見ると、色で埋めた各セルの色が見事に隠れてしまいました。
原因は何でしょうか。
よろしくお願い致します。

No.1 回答者： NymphLuna 回答日時： 2008/01/14 23:36

できましたら、そのテーブルタグをどのように書かれているのが明記してくださると

アドバイスがしやすいので、お願いできませんでしょうか？
あとCSS（スタイルシート」など使用なさっていませんでしょうか？

当方で簡単に作ってみましたが、以下ですと問題は無いようです。
<table border="1" bgcolor="#ffff80">
<tbody>
<tr>
<td width="100" height="100">テキスト</td>
<td width="100" height="100">テキスト</td>
<td width="100" height="100">テキスト</td>
</tr>
<tr>
<td width="100" height="100">テキスト</td>
<td width="100" height="100">テキスト</td>
<td width="100" height="100">テキスト</td>
</tr>
<tr>
<td width="100" height="100">テキスト</td>
<td width="100" height="100">テキスト</td>
<td width="100" height="100">テキスト</td>
</tr>
</tbody>
</table>

この回答への補足

こんばんは。
早速のご親切なご回答　ありがとうございます。
当方の勘違いで、表は２行×３列でした。
作った表のソース表記は以下の通りです。
<TABLE border="1">
<COL span="3" width="250">
<TBODY>
<TR>
<TD bgcolor="#0000ff"></TD>
<TD bgcolor="#a52a2a"></TD>
<TD bgcolor="#006400"></TD>
</TR>
<TR>
<TD valign="middle" align="center"><FONT color="#000000" size="4" face="HGS創英角ゴシックUB">ブルー</FONT></TD>
<TD valign="middle" align="center"><FONT color="#000000" size="4" face="HGS創英角ゴシックUB">ブラウン</FONT></TD>
<TD valign="middle" align="center"><FONT color="#000000" size="4" face="HGS創英角ゴシックUB">ダークグリーン</FONT></TD>
</TR>
</TBODY>
</TABLE>
要するに、上の行の各セルをブルー・ブラウン・ダークグリーンの
色で埋めて、下の行の各セルにブルー・ブラウン・ダークグリーン
の色名を入れました。
当方、スタイルシートは使っていません。
よろしくお願いします。

補足日時：2008/01/15 00:13

No.2 回答者： noname#56851 回答日時： 2008/01/15 01:25

セルの中が空だから表示されないのでは、全角のスペースを入れてみるとかすれば表示されると思います。

No.3 ベストアンサー 回答者： NymphLuna 回答日時： 2008/01/15 01:28

#1です。

タグを拝見させていただきました。
この通り再現しますと、テーブルの色は表示されませんね。
ブラウザでは何も文字など書かれていないテーブルは非表示になってしまうようです。
それを回避するには下記のタグにされてみるといいですよ。

<table border="1">
<col span="3" width="250">
<tbody>
<tr>
<td bgcolor="#0000ff"></td> ←このように「」を入れるといいです。
<td bgcolor="#a52a2a"></td>
<td bgcolor="#006400"></td>
</tr>
<tr>
<td valign="middle" align="center"><font color="#000000" size="4" face="HGS創英角ゴシックUB">ブルー</font></td>
<td valign="middle" align="center"><font color="#000000" size="4" face="HGS創英角ゴシックUB">ブラウン</font></td>
<td valign="middle" align="center"><font color="#000000" size="4" face="HGS創英角ゴシックUB">ダークグリーン</font></td>
</TR>
</tbody>
</table>

他の方法としては「1px×1px」の小さな透明の画像を作成して「space.gif」と名前をつけて
「」の部分に「space.gif」の画像を入れてしまう方法もあります。ご参考までにどうぞ。

この回答へのお礼

うまく行きました！
本当にありがとうございます。

お礼日時：2008/01/15 12:14