テーブルの中にテーブルをするとbgcoloorなどが指定出来ないのでしょうか？

お世話になっております。

初心者の質問失礼します。

件名の通りなのですが

html
1<table width="100%" border="0" cellspacing="0" cellpadding="6">
2<tr>
3<td colspan="3" align="center">
4<table border="1" frame="box" cellspacing="0" cellpadding="0" align="center" height="120">
5<tr bgcolor="#999">
6<td width="209" valign="top">バージョン </td>
7<td width="225" valign="top"><p align="center">バージョンアップ価格 </p></td>
8</tr>
9<tr>
10<td width="209" valign="top">Ver.01</td>
11<td width="225" valign="top">\12,000</p></td>
12</tr>
13
14<tr>
15<td width="209" valign="top">Ver.02</td>
16<td width="225" valign="top">\16,000<strong></p></td>
17</tr>
18</table>
19</td>
20</table>

とした場合

bgcolor="#999"
やら
border="1" frame="box"
が効いていないのですが
強引に効かせる方法は無いのでしょうか？

お忙しいところ大変申し訳ないのですが上記お問い合わせいたします。

退会済みユーザー

2017/11/22 07:32

CSSは使用できないのですか？

moitaro

2017/11/22 07:36

CSSは使用できます。

行動規範の内容に同意します

回答4件

ベストアンサー

bgcolor属性の色は#000000の形式で指定します。CSSのようには書けないので注意してください。

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/types.html#type-color

border属性はHTML5で意味が変わっているので、ブラウザ(Chrome)によってはHTML4を名乗っても正しく解釈しないかもしれません。

いずれにせよ、見た目のことならスタイルシートで行うことをお勧めします。

HTML
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2        "http://www.w3.org/TR/html4/loose.dtd">
3<html lang="ja">
4  <head>
5    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6    <title>HTML4</title>
7  </head>
8 <body>
9<table width="100%" border="0" cellspacing="0" cellpadding="6">
10 <tr>
11  <td colspan="3" align="center">
12   <table border="10" frame="lhs" cellspacing="0" cellpadding="0" align="center" height="120">
13    <tr bgcolor="#999999">
14     <td width="209" valign="top">バージョン </td>
15     <td width="225" valign="top"><p align="center">バージョンアップ価格 </p></td>
16    </tr>
17    <tr>
18     <td width="209" valign="top">Ver.01</td>
19     <td width="225" valign="top">\12,000</td>
20    </tr>
21    <tr>
22     <td width="209" valign="top">Ver.02</td>
23     <td width="225" valign="top">\16,000</td>
24    </tr>
25   </table>
26  </td>
27 </tr>
28</table>
29 </body>
30</html>

投稿2017/11/22 07:50

x_x

総合スコア13749

moitaro

2017/11/22 08:09

ご指摘の通り CSSでやったら正常に出来ました…… 後ほど手直しする人が混乱しないように HTMLの中に入れていたのですが逆にわかりづらくなってNGだった模様ですね…… ご返答頂いた皆様もありがとうございました。

行動規範の内容に同意します

所々開始タグや終了タグがないのが気になりますが
bgcolor属性はHTML4.01で非推奨となり、HTML5から廃止されました。

CSSが使用できるとのことですので
見た目などのデザインはCSSで行った方が良いでしょう

セレクタをtable > tr > tdなどと指定すれば親のtable要素だけに指定できますし、子のtable要素だけに背景色などを当てたい場合は

CSS
1table table tr td {
2  background-color: #999;
3}

とすれば良いでしょう（idやclassを割り当てる方が好ましいです）

投稿2017/11/22 07:45

退会済みユーザー

総合スコア0

使用しているブラウザはなんでしょうか？

　ほぼそのままコピペして

HTML
1<!DOCTYPE html>
2<html>
3<head>
4</head>
5<body>
6<table width="100%" border="0" cellspacing="0" cellpadding="6">
7<tr>
8<td colspan="3" align="center">
9<table border="1" frame="box" cellspacing="0" cellpadding="0" align="center" height="120">
10<tr bgcolor="#999">
11<td width="209" valign="top">バージョン </td>
12<td width="225" valign="top"><p align="center">バージョンアップ価格 </p></td>
13</tr>
14<tr>
15<td width="209" valign="top">Ver.01</td>
16<td width="225" valign="top">\12,000</p></td>
17</tr>
18
19<tr>
20<td width="209" valign="top">Ver.02</td>
21<td width="225" valign="top">\16,000<strong></p></td>
22</tr>
23</table>
24</td>
25</table>
26</body>
27</html>