background-color
-
0 名前： Sie ： 2005/05/11 22:28 ［URL］
- 質問させていただきます。
リンクしている文字の部分にカーソルを乗せるとそこのバックの色が変わるように、「A:hover { background-color: #6699FF; }
」というように指定し、その必要のない箇所はそれぞれの背景色に合わせて「style="background-color: #FFFF33;"」などと指定しました。
IEで見てみると、その点がキレイに区別されているのですが、Firefoxで見るとリンクしてある箇所が全てバックの色が変わってしまいます。。
どうすればIEと同じように表示することが出来ますか？
問題の箇所は「http://www5f.biglobe.ne.jp/~Sie-net/」の上部のバックが青色の「Home｜Profile｜…」とあるメニューと、下のサイトマップの「・Home…、・Profile…」とあるところです。
IEではメニューのところはきちんとバックの色が変わり、サイトマップのところでは変わらないのに、Firefoxだとメニューのほうはきちんとなるのですが、サイトマップのところのバックの色の変化がなくしたいのになってしまいます。。
おそらく、タグ内容の記述ミスだと思うのです。。
どなたかご指摘下さる方、よろしくお願いします。
-
1 名前： tk ： 2005/05/11 22:28
- メニューとサイトマップで別のスタイルを指定すると良いと思います。
（わけておく事も無いので、BODY {〜の部分は一緒にまとめて書きました。）
<style type="text/css">
<!--
BODY {
scrollbar-face-color:#CCCCFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#000099;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#CCCCFF;
scrollbar-darkshadow-color:#CCCCFF;
a.sitemenu {color:#FFFFFF;}
a.sitemenu:hover {background-color:#6699ff;text-decoration: none;}
a.sitemap {color:#0000ff;}
a.sitemap:hover {background-color:#FFFF33;text-decoration: none;}
-->
</style>
で、メニューのaタグの所を
<a href="〜" class="sitemenu">
サイトマップの方を
<a href="〜" class="sitemap">
こんな感じで。リンクの色指定の為にfontタグを使わなくても無くてもよくなります。
-
2 名前： Sie ： 2005/05/11 22:28 ［URL］
- tkさん、またまたお世話になりまして＾＾；
早速やってみたところ、きちんとできました！
ありがとうございます♪
classで一発指定できることや、bodyタグ中では分けて書かなくてもいいことも教わりました。
本当に勉強になりました。
ありがとうございましたm(_ _)m
