- ベストアンサー
IEで表示されたりされなかったり・・・
- 下線がIEで表示されたりされなかったりする理由について質問があります。
- フォントサイズを変えても下線が表示されるのに、IEでは箇所によって表示されないことがあります。
- OSはWindows7でIEのバージョンは8です。何が問題なのか、ご教示いただければ幸いです。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
とりあえず、StyleをいちいちJavaScriptで制御するのは無駄というか。何かとトラブルの元になるので、以下の様に全てCSSにまとめて記述して置いた方が無難です。 a:link, a:visited, a:hover, a:active { color: #3a3a3a; text-decoration: none; background-color: #ffffff; } a:hover { background-color: #ffff00; } 以上の様に書き直して、HTMLの<span>の部分は削除して置いた方が良いでしょう。“onmouseover”は要するに、CSSで指定する所の“:hover”属性ですので。“onmouseover”で指定するのは10年くらい前の古い教科書ですね（昔のCSS2以前は“hover”属性が無かったので）。 FireFoxがあるのなら、アドオンの「FireBug」をインスコして見れば、該当箇所に影響しているCSSが一発で分るんですが…。やり方って、分りませんよね～？？何となくHTMLとCSSが目茶目茶になってる感が漂って来ています(笑)。恐らく、他にもJavaScriptでCSSが無駄にハックされてる予感…？ これ以上はさすがにもう厳しいかな…。何とか自力解決出来る事を祈ってます！
その他の回答 (2)
- 4017B
- ベストアンサー率73% (1336/1814)
＞表示される箇所とされない箇所が混在～ むむむ！？だとしたら、CSS全体を見直さないと、どこが問題になってるのか分りませんね…。CSSの知識はおありでしょうか？ 恐らく、今弄ってる以外にも、何処かに<a>タグに影響してるスタイルシートが設定されてるんですね。HTMLとCSSの両方を見比べながらでないと、ちょっとこれ以上は何とも助言のしようがありません。 作成中のコンテンツは、ローカルPC内ですか？だったら全てのファイルを調べる事が出来ますが、何かオンライン上にアップしたBlogか何かでしょうか？だとすると、サーバ側で自動的に適用されているCSSとかの影響かもしれません。 P.S. FireFoxで、何か自前のユーザスタイルシートとか入れてませんよね？？ とにかくこれ以上は、全てのHTMLとCSSを1個づつ付き合わせながら、どこが干渉し合ってるのか調べて、1つづつ“Try＆Error”やっていくしかありませんね…。
お礼
たびたびのご回答ありがとうございます！ CSSの知識は恥ずかしながら初級程度です。^^; コンテンツはローカル内なのでチェックはできるのですが、どこがどう違うのか・・・。 また、自前のスタイルシートなども使っておりません。 記述し忘れましたが、リンクの文字について、<head>内に以下を記載しています。 ↓ A:link { color: #3a3a3a ;} A:visited { color: #3a3a3a; } A:active { color: #3a3a3a ;} A:hover { color: #3a3a3a; text-decoration: none ;} あとは関係ないかと思いますが、オーバーマウスでリンク部分を黄色にしているため、<A>タグと一緒に以下の<SPAN>タグも記載しています。 ↓ <span onmouseover="this.style.background='#ffff00'" onmouseout="this.style.background='#ffffff'"><A>文章</A></span> しかし、全部が表示されないというわけでもないのが不思議です。 htmlやCSSの中身を全部お見せせずに回答していただいて申し訳ないのですが、他にも何か対策があるようでしたら引き続きご教示いただければ幸いです。
- 4017B
- ベストアンサー率73% (1336/1814)
こんな風にしてみて下さい。 ━ ココから ━━━━━━━━━━━━━━━━━━━━━━━━ a { text-decoration: none; outline: none; } a.example:link, a.example:visited, a.example:hover, a.example:active { border-bottom: 1px dotted #3a3a3a; } ━ ココまで ━━━━━━━━━━━━━━━━━━━━━━━━ これで多分、IE＆FFの両方で通るんじゃないかな？ フォントサイズは関係無いです。
お礼
早速ありがとうございます！ いけるかと思いましたが状況は変わりませんでした・・・。 フォントと下線との間隔が関係あるとすれば、表示される箇所とされない箇所が混在するのは不思議だし、むず痒いです。
お礼
> 何となくHTMLとCSSが目茶目茶になってる感が漂って来ています(笑)。 ドキっ、、、正直イマイチわかっていません。 しかも<font>タグなど、いわゆる「古いやり方」というのがあるのも最近知ったばかりです。 <span>は早速ご教示いただいた内容を参考に直しました！ これを機に、1つ1つ時間をかけて丁寧に見直して改善しようと思います。 基本が曖昧なまま応用に突っ込もうとしている自分が恥ずかしいですが、ご丁寧に教えてくださり本当にありがとうございました！