テーブルの横一行の背景色を変える
-
0 名前： 初心者です。 ： 2006/12/26（火） 16:29 ID:NvGleDjg
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=x-sjis">
<title></title>
</head>
<body>
マウスオーバーを行うときに、
一つのセルにカーソルが置かれたときにのみ
その横一行の背景色が変わる、というものを
行いたいと思っています。
下に簡単なサンプルを書きました。
これを例としますと、
”○”にカーソルが置かれますと”あ”と”い”も一緒に
背景色が変わります（”あ”や”い”にカーソルを置いても背景色は変わりません）。
同じく”△”にカーソルが置かれると”か”と”き”も
背景色が変わります。
あるサイトでこのような例題を出していたのですが
IE6.0ででは対応していなかったらしく
できませんでした。
また、できましたらリンクではなくclassなどで属性を
指定したいと思っています。
<table border="1">
<tr>
<td id="nostyle">
<tr>
<th>あ</th><th>い</th><th>○</th>
</tr>
<tr>
<td>か</td><td>き</td><td>△</td>
</tr>
<tr>
<td>さ</td><td>し</td><td>□</td>
</tr>
</table>
難しい質問ではあるかと思いますが
どうぞ宜しくお願いします。
</body>
</html>
-
1 名前： 初心者です。 ： 2006/12/26（火） 16:29 ID:NvGleDjg
- すみません。
ちゃんと確認をしていませんでした。
もう一度入れさせていただきます。
マウスオーバーを行うときに、
一つのセルにカーソルが置かれたときにのみ
その横一行の背景色が変わる、というものを
行いたいと思っています。
下に簡単なサンプルを書きました。
これを例としますと、
”○”にカーソルが置かれますと”あ”と”い”も一緒に
背景色が変わります（”あ”や”い”にカーソルを置いても背景色は変わりません）。
同じく”△”にカーソルが置かれると”か”と”き”も
背景色が変わります。
あるサイトでこのような例題を出していたのですが
IE6.0ででは対応していなかったらしく
できませんでした。
また、できましたらリンクではなくclassなどで属性を
指定したいと思っています。
<table border="1">
<tr>
<td id="nostyle">
<tr>
<th>あ</th><th>い</th><th>○</th>
</tr>
<tr>
<td>か</td><td>き</td><td>△</td>
</tr>
<tr>
<td>さ</td><td>し</td><td>□</td>
</tr>
</table>
</body>
</html>
難しい質問ではあるかと思いますが
どうぞ宜しくお願いします。
-
2 名前： カヅサツ ◆ThCi95HEzw ： 2006/12/26（火） 16:29 ［URL］ ID:O5hEMlpW
- 残念ながら、CSSだけでは不可能です。
JavaScriptも使用することになるので、総合質問板か JavaScript板がよろしいかと思います。
-
3 名前： 初心者です。 ： 2006/12/26（火） 16:29 ID:NvGleDjg
- そうでしたか。
ありがとうございます！
では改めて総合の方に投稿し直します！！
