- ベストアンサー
スタイルシートで出来ますか？
ページ全体ではなく、部分的に作成されたフレーム内でのみ、ハイパーリンクの背景色を変化させたいのですが… a:link { background-color: #ccc } を例にあげて説明を宜しくお願いします。
- peugeot206CC
- お礼率57% (73/126)
- HTML
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
なるほど、僕の説明不足ですね…。（ゴメンナサイ） 要は「ある一部分の中のコンテンツがあって、リンクが貼られている（Ａタグ）の部分の背景だけに色をつけたい」ってことですよね？ だとしたら、一回目のプログラムで大丈夫だと思います。 <style type="text/css"> td.irohenka a { background:#ccc; } </style> を翻訳すると、「irohenka」っていう名前のついた<td>タグがある。で、その中にある<a href=""></a>の背景色を変える！っていうものなので、 これを<td>ではなく<div>にしても、<span>にしても大丈夫です。 （この回答であってます？たまに理解力がないっていわれるんですけど…？） （補足：ちなみに color:#ccc; は background:#ccc; の間違いでした。）
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
別にtdにこだわることなく背景色は帰られますので こんなかんじでよいのでは？ <style> a:link.redarea { background-color: red} a:link.bluearea { background-color: blue} a:link.greenarea { background-color: green} </style> <a href="http://www.hoge1.com" class="redarea">ホゲ１</a> <a href="http://www.hoge2.com" class="bluearea">ホゲ２</a> <a href="http://www.hoge3.com" class="greenarea">ホゲ３</a> 動的に背景色を変えたいのであれば、javascript で変更できます。（その場合はさらにidをつかいます）
お礼
ありがとうございました。
- 961053
- ベストアンサー率27% (3/11)
クラスを使えばできると思いますよ♪例えば… <style type="text/css"> td.irohenka a { color:#ccc; } </style> と、<head></head>内に記述しておいて、 <table><tr><td> <a href="○○.html">色は変わらない…</a> </td><td class="irohenka"> <a href="○○.html">色が変わる！</a> </td></tr></table> とすれば、 <td class="irohenka"></td>の中身だけ色が変わりますよ。 ちなみに"irohenka"の部分は自分の好きな名前でＯＫですよ！
補足
回答ありがとうございます。 書き忘れていたのですが… リンクしている部分としていない部分の項目があって、毎回どのような内容になるか分かりません。 その内容に対して、リンクを張っている部分は分かりやすい目立つ色の背景を…と考えたのです。 内容(1)だと変わりませんが、(2)に変更されたら背景が変化するという感じで、書き込む内容に合わせて変化させたいのです。 そのクラスとか使って、実現できないでしょうか？
お礼
こちらも、間違っていたら申し訳ないので… 実際に教えていただいた内容で試してみたいと思います。 その結果、また何かありましたら、宜しくお願いします。 とりあえず時間が掛かりますので、先に試してきます（＾＾；）
補足
補足への書き込みで申し訳ないですが… 出来ました！！ というか、何とかできそうです（＾＾） 前の補足でも書いたように、変化するハイパーリンク部分は書き換えなどが出来ず、リンクがある時のみ色をつけたいというものだったので、正直、classを付けようと思ってもダメでした。 しかし運良く、目的のフレームに細かくclass指定がされているので、それを利用する方法を考えたところ、何とか変化させることに成功しました。 自分でも正直ビックリしています（＾＾；） また色々と試してみたいと思います。 有難う御座いました。