NIVO滑塊不集中

enter image description here 退房http://waterski.allthingswebdesign.com/index.php/site/index，你可以看到我的NIVO滑塊不集中的背景。我無法弄清楚這是爲什麼。（忽略第二張和第三張照片，因爲我知道他們不是正確的大小，但第一張是）。NIVO滑塊不集中

2011-07-13 Catfish

滑塊似乎居中我。你在什麼瀏覽器？還是你在談論滑塊內的圖片？ – alt

剛剛在Chrome，Firefox，safari和opera中測試過......滑塊居中。這些圖像就像它們被告知的那樣左上對齊，因爲它們與滑塊的尺寸不完全相同。 – alt

與傑克遜同意，它被集中。如果您使用的是IE瀏覽器，那可能是一個語法錯誤，正在拋棄它。我知道，如果我在IE中不打電話給

，他們不會集中一件事情。在這裏使用Chrome。 –

你有兩個選擇......

答：做什麼軟件是專爲並使用圖像的確切大小。

B：去除邊框樣式，並從滑塊本身的陰影，並將其應用到圖像。然後使用一些CSS樣式來居中圖像。

#slider img{ 
    margin-left:0 auto; 
    margin-right:0 auto; 
}

本質上，隱藏滑塊div的所有痕跡，只是在圖像中心。這很奇怪，但如果這就是你要做的，那麼更多的權力也是你的。

2011-07-13 16:06:52 alt

我想我沒有澄清這個問題，但圖片將最終都是相同的大小。這些只是我放置的測試照片。如果我將所有照片製作成相同尺寸，您認爲這樣可以解決問題嗎？ – Catfish

是的，是的。這是我的第一個答案，回答a。使圖像成爲＃滑塊的確切大小。 – alt

工作就像一個魅力。我應該以一開始就以正確的方式做到這一點。 – Catfish

其因NIVO滑塊在這裏有一個特定的寬度和高度。沒有你的圖像填充它。沒有的圖像。

第一個圖像幾乎做它，但由於它不，它留下一些空間，在右側和底部。

2011-07-13 15:50:20 Joonas

問題是圖像大小，nivoSlider使用它作爲背景圖像，因此沒有像img標籤或中心那樣的重定尺寸。圖像是830x302像素和nivoSlider容器爲838x311像素，所以這就是你看到的性差異。

2011-07-13 16:03:00

回答