2011-12-21 12 views
2

これはウェブページ上のハイパーリンクに問題があります。そのページ内のすべてのリンクに不要なスタイルが適用されているため、リンクをクリックしたときにウィグル効果が発生するCSSの問題です。 Google Chromeでうまく開きますが、問題はFirefoxとIEです。すべてのハイパーリンクは、クリックすると(クロムでは発生しない)クリックしたときに上下に動くように見えます。クリックすると上下に動きますが、ちょっと動きます。私はそれがCSSの問題だと理解していますが、 Firebugをfirefoxで使用していましたが、かなり分かりにくいエールではありませんでした。おかげさまで CSSハイパーリンクの配置

+0

ライブサイトで問題を解決したら、この質問は将来の読者にとって価値がなくなります。問題を実証し、問題の一部として生きることができる最小限の完全な自己完結型の例をまとめることができますか自体? – Flexo

+0

私はこのサイトだけでこの問題を抱えていました。間違ったPHP部分を入れたいのですか?それが問題を引き起こしていたからです。 – icedek

+0

質問に「間違った」部分を入れることができれば、誰かがそれを読んだときに、将来的にもっと役立つようになるでしょう。 – Flexo

答えて

0

を、blockdisplayを設定#main-wrapper li a.active, #main-wrapper .first a:activeの宣言がありますアクティブなリンクに幅を置きます。 firstクラスを2か所で使用しているようですので、意図しない方法で適用されています。 <div id="block-system-mainブロックには最初のクラスがあり、その下にアクティブなリンクがこのスタイルを選択します。

+0

ありがとうございます。if条件を使用して変数を編集しました。必要がない場合はifが適用されません。 – icedek

1

:activeのステータスにmargin-top:-7pxと表示されています(a要素)。 margin-top:-9pxに変更してください。これで問題は解決します。

+0

ありがとうございます。これにより、メニューバーの問題は解決しましたが、リンクの残りの部分はそのままです。私は今何をする必要があるのか​​理解しています。 – icedek

0

これは、いくつかの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; 

}