これはウェブページ上のハイパーリンクに問題があります。そのページ内のすべてのリンクに不要なスタイルが適用されているため、リンクをクリックしたときにウィグル効果が発生するCSSの問題です。 Google Chromeでうまく開きますが、問題はFirefoxとIEです。すべてのハイパーリンクは、クリックすると(クロムでは発生しない)クリックしたときに上下に動くように見えます。クリックすると上下に動きますが、ちょっと動きます。私はそれがCSSの問題だと理解していますが、 Firebugをfirefoxで使用していましたが、かなり分かりにくいエールではありませんでした。おかげさまで CSSハイパーリンクの配置
答えて
を、block
にdisplay
を設定#main-wrapper li a.active, #main-wrapper .first a:active
の宣言がありますアクティブなリンクに幅を置きます。 first
クラスを2か所で使用しているようですので、意図しない方法で適用されています。 <div id="block-system-main
ブロックには最初のクラスがあり、その下にアクティブなリンクがこのスタイルを選択します。
ありがとうございます。if条件を使用して変数を編集しました。必要がない場合はifが適用されません。 – icedek
:active
のステータスにmargin-top:-7px
と表示されています(a
要素)。 margin-top:-9px
に変更してください。これで問題は解決します。
ありがとうございます。これにより、メニューバーの問題は解決しましたが、リンクの残りの部分はそのままです。私は今何をする必要があるのか理解しています。 – icedek
これは、いくつかのCSSがすべてのリンクに継承されているためです。 Firebugを使用してcustom.cssの 'display:block'をコメントアウトすると、このジャンプは消え去ります。ただし、他のスタイルにも影響します。他のリンクに影響しないようにそのスタイルを洗練しなければならないかもしれません。
主ラッパーのLi a.active、#メインラッパーは1次回:あなた/themes/mix_and_match/css/custom.css
ファイルでアクティブ{
background: url("../images/navbkgHover.png") repeat-x scroll left top transparent;
display: block;
height: 15px;
margin-top: -7px;
width: 103px;
}
- 1. CSSヘッダーの配置
- 2. HTML CSS IMAGE - 配置
- 3. CSSオーバーフローテーブルの行の配置
- 4. CSSの配置状況
- 5. HTML CSS表内の配置
- 6. モバイルデバイス用CSSの配置
- 7. CSS列の配置方法
- 8. htmlとcssフォームタグの配置
- 9. CSSの配置とオーバーラップ
- 10. Safari CSS配置の問題
- 11. Webkit CSS絶対配置バグ?
- 12. CSS水平ドロップダウン配置
- 13. cssボタンを配置する
- 14. 任意のテキストのCSSハイパーリンク
- 15. android appのウェブサイトへのハイパーリンクの配置方法は?
- 16. インラインブロック内でのCSSの垂直配置
- 17. GridViewの固定ヘッダーCSSの配置
- 18. モーダルポップアップ内のツールチップブレークのCSS配置
- 19. IE 7 - CSSバナーの配置の問題
- 20. div内のdiv(CSSの配置)
- 21. ページの半分+ CSSの配置
- 22. オブジェクトのCSSの配置と順序
- 23. 単純なcss要素の配置
- 24. CSSとJavascriptの垂直配置問題
- 25. CSSを使用したポップオーバーの配置
- 26. テキストの配置 - CSSまたはHTML?
- 27. css背景画像の配置(負の位置?)
- 28. CSSを次々に配置する
- 29. CSSの位置決めテーブルを隣に配置
- 30. CSS固定配置を使用して配置された中心要素
ライブサイトで問題を解決したら、この質問は将来の読者にとって価値がなくなります。問題を実証し、問題の一部として生きることができる最小限の完全な自己完結型の例をまとめることができますか自体? – Flexo
私はこのサイトだけでこの問題を抱えていました。間違ったPHP部分を入れたいのですか?それが問題を引き起こしていたからです。 – icedek
質問に「間違った」部分を入れることができれば、誰かがそれを読んだときに、将来的にもっと役立つようになるでしょう。 – Flexo