0

HTML TABLEタグの中のTRタグに、色設定を行っています。サンプルプログラムを見て頂きたいのですが、

設定箇所は、サンプルプログラムの項目１、項目２ともに

AAAAAAA から DDDDDDDの行全て
に色設定をしています ところが、

AAAAAAA , BBBBBBB , CCCCCCC の色設定の場合は何の問題もありませんが、

DDDDDDDの行に色設定を行った所、(サンプルでは、黄色)

全く関係ない【タイトル】行の上にも黄色に表示されてしまいました。

【タイトル】行の上の黄色の表示をしないように

DDDDDDDの行のみ、黄色の表示をするようにできないのでしょうか

ご教授よろしくお願い致します。

なお、動作環境は、Windows Xp professional Ver2002 sp3
IE8.06 です。


サンプルプログラムは、以下の通りです。


<center>
<table border="1" width=300>
<caption>
<strong>
<font color="#ff00ff">【タイトル】
</font>
</strong>
</caption>

<tr style="background-color:#cc66ff">
<th>
<font color="#ffffff"> 項目１
</font>
</th>
<th>
<font color="#ffffff"> 項目２
</font>
</th>
</tr>
<tr style="background-color:#ff8080">
<td align="left">
<font color="#ffffff">AAAAAAA
</font>
</td>
<td align="right">
<font color="#ffffff">1111111
</font>
</td>
</tr>
<tr style="background-color:#22ffff">
<td align="left">
<font color="#ffffff">BBBBBBB
</font>
</td>
<td align="right">
<font color="#ffffff">2222222
</font>
</td>
</tr>
<tr style="background-color:#ff333f">
<td align="left">
<font color="#ffffff">CCCCCCC
</font>
</td>
<td align="right">
<font color="#ffffff">3333333
</font>
</td>
</tr>
<tr style="background-color:#ffff00">
<td align="left">
<font color="#ffffff">DDDDDDD
</font>
</td>
<td align="right">
<font color="#ffffff">4444444
</font>
</td>
</tr>
</table>
</center>

その実行結果の画像を添付します。

質問者が選んだベストソリューション

Yahoo!知恵袋 5205日前