スタイルシートで出来ますか？

解決済

質問者：peugeot206CC
質問日時：2006/03/22 02:02
回答数：3件

ページ全体ではなく、部分的に作成されたフレーム内でのみ、ハイパーリンクの背景色を変化させたいのですが…

a:link { background-color: #ccc }

を例にあげて説明を宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： 961053
回答日時：2006/03/22 03:48

なるほど、僕の説明不足ですね…。

（ゴメンナサイ）

要は「ある一部分の中のコンテンツがあって、リンクが貼られている（Ａタグ）の部分の背景だけに色をつけたい」ってことですよね？
だとしたら、一回目のプログラムで大丈夫だと思います。

<style type="text/css">
td.irohenka a
{
background:#ccc;
}
</style>

を翻訳すると、「irohenka」っていう名前のついた<td>タグがある。で、その中にある<a href=""></a>の背景色を変える！っていうものなので、

これを<td>ではなく<div>にしても、<span>にしても大丈夫です。
（この回答であってます？たまに理解力がないっていわれるんですけど…？）

（補足：ちなみに color:#ccc; は background:#ccc; の間違いでした。）

この回答への補足

補足への書き込みで申し訳ないですが…

出来ました！！
というか、何とかできそうです（＾＾）

前の補足でも書いたように、変化するハイパーリンク部分は書き換えなどが出来ず、リンクがある時のみ色をつけたいというものだったので、正直、classを付けようと思ってもダメでした。
しかし運良く、目的のフレームに細かくclass指定がされているので、それを利用する方法を考えたところ、何とか変化させることに成功しました。

自分でも正直ビックリしています（＾＾；）

また色々と試してみたいと思います。
有難う御座いました。

補足日時：2006/03/22 18:36

通報する

- 0
- 件

通報する

この回答へのお礼

こちらも、間違っていたら申し訳ないので…

実際に教えていただいた内容で試してみたいと思います。
その結果、また何かありましたら、宜しくお願いします。

とりあえず時間が掛かりますので、先に試してきます（＾＾；）

通報する

お礼日時：2006/03/22 04:29

No.3

回答者： yambejp
回答日時：2006/03/22 10:06

別に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をつかいます）

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。

通報する

お礼日時：2006/03/22 18:44

No.1

回答者： 961053
回答日時：2006/03/22 02:33

クラスを使えばできると思いますよ♪例えば…

この回答への補足

回答ありがとうございます。

書き忘れていたのですが…
リンクしている部分としていない部分の項目があって、毎回どのような内容になるか分かりません。
その内容に対して、リンクを張っている部分は分かりやすい目立つ色の背景を…と考えたのです。

内容(1)だと変わりませんが、(2)に変更されたら背景が変化するという感じで、書き込む内容に合わせて変化させたいのです。

そのクラスとか使って、実現できないでしょうか？

補足日時：2006/03/22 02:37

通報する