2011-12-21 179 views
2

這是網頁超鏈接的問題。它是一個CSS問題,其中不必要的樣式應用於該頁面中的所有鏈接,因此單擊該鏈接時會觀察到擺動效果。 它在谷歌瀏覽器中打開罰款,但問題是與Firefox和IE瀏覽器。所有的超鏈接似乎在點擊時都會擺動(這不會在Chrome中發生),點擊時會發生一些上下移動,有些移動很多。我瞭解這是一個CSS問題,但我不知道我需要糾正什麼。我試過在firefox中使用firebug,但不是很清楚。 謝謝。CSS超鏈接放置

+0

當你解決了這個現場問題後,這個問題將不再對未來的讀者有價值 - 你能組合一個最小的,完整的,自包含的例子來證明問題並且可以作爲問題的一部分生活嗎?本身? – Flexo 2011-12-21 21:37:19

+0

我只有這個網站有這個問題。你想我把錯誤和糾正的PHP部分?因爲那是導致問題的原因。 – icedek 2011-12-22 04:42:17

+0

如果您可以在問題的某個地方放置「錯誤」的部分,以便在別人閱讀時能夠使其在未來更有用。 – Flexo 2011-12-27 20:01:02

回答

0

在你/themes/mix_and_match/css/custom.css文件中,有一個爲#main-wrapper li a.active, #main-wrapper .first a:active宣告設置displayblock並在活動鏈接上放置一個寬度。它看起來像是在2個地方使用first類,所以它以非故意的方式應用。 <div id="block-system-main塊有一個第一類,它將使任何活動鏈接在它下面選擇這種風格。

+0

謝謝。我用if條件編輯變量,以便在不需要時不適用。 – icedek 2011-12-21 18:39:33

1

似乎有margin-top:-7px:active狀態的a元素。 只需將其更改爲margin-top:-9px。這應該可以解決問題。

+0

謝謝。這解決了菜單欄中的問題,但其餘的鏈接都是這樣。我明白我現在需要做什麼。 – icedek 2011-12-21 16:33:46

0

我認爲這是由一些CSS被繼承到所有鏈接引起的。當我在custom.css註釋掉'display:block'時使用FireBug,這個跳躍消失了。但是,它也影響其他風格。您可能必須改進該風格,以免影響其他鏈接。

主包裝裏a.active,#主包裝。首先一:積極{

background: url("../images/navbkgHover.png") repeat-x scroll left top transparent; 
display: block; 
height: 15px; 
margin-top: -7px; 
width: 103px; 

}