縮略圖在NIVO滑塊

Question

堆疊在彼此我使用NIVO滑塊&縮略圖堆疊在彼此但問題是完全相關的CSS。

演示頁是http://jsbin.com/ebomu4，我似乎不能拉他們。

Answer 1

下面是我修改，基本上拿出你以前有什麼。該演示可以在這裏觀看jsfiddle nivo-slider：

.nivo-controlNav { 
    position:absolute; 
    left: 0px; //i set the navigation thumb all the way to the left because the size of your thumb + padding + margin was making it overflow to new rows 
    bottom:-350px; //setting the navControl position relative to the slide 
} 

//here is what i added 
.nivo-controlNav a { 
    display:inline; 
} 

.nivo-controlNav img { 
    display:inline; 
    position:relative; 
    margin-right:10px; 
} 

.nivo-controlNav a.active img { 
    border:1px solid #000; 
} 

我的導航設置拇指一路到左側，因爲你的拇指+填充+緣的尺寸使其溢出到新行。我還通過設置bottom:-350px;我添加設置相對滑板的navControl位置.nivo-controlNav的aimg和IMG的工作狀態，使之出現了，但由於您的滑塊它溢出的寬度2行希望這有助於。