- 締切済み
FireFoxでvisitedの表示不具合について
HTMLやCSSに知識がなく困っています。 質問をよろしくお願いいたします。 メニューバーには8つのボタンがあるのですが FireFoxでは、visitedが表示されず IEはページの行き来でメニューボタンが消失します。 何か解決法はありませんでしょうか? よろしくお願いいたします。 CSS部分 body { background-color: #FFFFFF; margin:0; padding:0; } #menu{ position:absolute; top:0px; width:800px; height:219px; left:-1px; margin:0; padding:0; background-image:url(../topimage/title.gif); background-repeat:no-repeat; } #menu #bottom{ position:absolute; float:left; top:149px; width:800px; height:70px; left:0px; } #bottom ul{ list-style:none; padding:0; margin:0; } #bottom ul li{ padding:0; margin:0; float:left; } #bottom a.c,#bottom a.c:link { display:block; width: 115px; height:70px; background-image:url(../top/img/menu/b1.gif); background-repeat:no-repeat; background-position:0% 0%; } #bottom a.c:visited { background-position:100% 0%; } #bottom a.c:hover { background-position:33% 0%; } #bottom a.c:active { background-position:66% 0%; } 以下ボタン7つのソースがほぼ同じ為、省略します。 HTML部分 <div id="menu"> <div id="bottom"> <ul> <li><a href="../new/top.html" target="main" class="c"></a></li> <li><a href="../product/top.html" target="main" class="d"></a></li> <li><a href="../example/top.html" target="main" class="e"></a></li> <li><a href="../company/top.html" target="main" class="f"></a></li> <li><a href="../rinen/top.html" target="main" class="j"></a></li> <li><a href="../faq/top.html" target="main" class="g"></a></li> <li><a href="../info/top.html" target="main" class="h"></a></li> <li><a href="../recruit/top.html" target="main" class="i"></a></li> </ul> </div> </div>
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- naokita
- ベストアンサー率57% (1008/1745)
<li><a href="../new/top.html" target="main" class="c"></a></li> 両端に全角スペース・・・ これフレームですか? まず、ローカルで全て正しく構築(リンク関係、CSSも)出来てるか要確認。 動作確認はしていませんが、見た限りでは、 オモチャのようなメニューですが、その辺が出来ていれば、動作するはず。
お礼
ご返答有難うございます。 これはフレームのトップ部分です。 フレームでトップとメインとサイドがわかれています。 IEだとどこかのページに飛ぶ度にトップのボタンが ひとつずつ消えたりして困っています。 ご指摘頂いたリンク関係をもう一度見直してみます。 オモチャのようなのですね、全くの素人でしてお恥ずかしい限りです。 どうも有り難うございました。