プロが教えるわが家の防犯対策術!

IEではメニューの文字色が6666FFで表示されるのに、firefox、operaでは文字色が反映されていません。
どうしてなのでしょう?

A 回答 (3件)

一応訂正…。



<body link="#6666ff" vlink="#6666ff" alink="6666ff">

alink の # が抜けていましたね…。
数値で入力する場合は # が必須です。
    • good
    • 0

回答した通りだけど、#が抜けていますね。



スタイルシートの検証はこちらでどうぞ。

参考URL:http://jigsaw.w3.org/css-validator/
    • good
    • 0
この回答へのお礼

うわっ、本当ですね。見たつもりだったのですが。。。「つもり」はあてにならないですね。。。

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

お礼日時:2005/04/11 10:04

作成されたページが互換モードとなっているので互換モードで認識できるブラウザだけ適応されているのです。



ソースを見せていただければよいのですが、回答だけ。

a{color:#6666ff}
というスタイルシートのアンカー指定。
擬似クラスやクラスも使用可能。

<body link="#6666ff" vlink="#6666ff" alink="6666ff">
というbody属性でのリンクテキスト指定。

がされていれば問題ないはずです。


どのように指定されているのか分かりませんが、
属性値の引用符、『 # 』の付け忘れを確認してください。

文法チェックもどうぞ。

参考URL:http://openlab.ring.gr.jp/k16/htmllint/htmllinte …

この回答への補足

該当部分は
=========
/* nav全体を、[titleback.jpgの高さ+10px]でabsolute指定 */
#nav
{
position: absolute;
top: 205px;
left: 0px;
}

ul#nav
{
list-style-image: none;
list-style-type: none;
}

/* 背景画像のheightとwidhtを指定 */
/* [overflow: hidden;]で なぜか消えないはみ出たマーカーを消す(For Gecko) */
#nav li
{
position: absolute;
width: 135px;
height: 45px;
overflow: hidden;
color: 6666FF;
}

/* Geckoでは、a要素はblock指定しないとwidth、heightが有効にならない */
/* heightを指定しないとIE6でテキストより下の画像が表示されない(Geckoではテキストの領域にかかわらず外のliの領域まで表示される) */
/* aにwidth、heightで背景画像がちゃんとでるように(IE対策) */
/* そうするとpaddingで下にずらした分画像がはみ出てしまうので、[overflow: hidden;]で 下にはみ出す分を消す(For Gecko)*/
#nav a,#nav a:link,#nav a:visited
{
display: block;
font-family: Tahoma,arial,sans-serif;
font-weight: normal;
font-size: 140%;
text-align: center;
background-image: url(listback.jpg);
background-repeat: no-repeat;
color: 6666FF;
height: 45px;
width: 135px;
padding-top: 7px;
padding-bottom: 5px;
overflow: hidden;
}
/* 画像を45px上に移動 */
#nav a:hover,#nav a:active
{
color: #ffffff;
background-position: 0px -45px;
}

/* 個々のliに指定してそれぞれpx指定(#nav liでposition: absolute;済み) */
#m01
{
left: 10px;
letter-spacing: 2px;
}
#m02
{
left: 145px;
}
#m03
{
left: 280px;
}
#m04
{
left: 415px;
}
#m05
{
left: 550px;
}
#m06
{
left: 685px;
}
=========
です。
hemlは
=========
<UL id=nav>
<LI id=m01><A href="">Logs</A> </LI>
<LI id=m02><A href="">BookMarks</A> </LI>
<LI id=m03><A href="">Project</A> </LI>
<LI id=m04><A href="">BBS</A> </LI>
<LI id=m05><A href="">Links</A> </LI>
</UL>
=========
です。

補足日時:2005/04/09 07:18
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!