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의 a img 및 활성 상태의 img가 표시되도록 설정했으나 슬라이더의 너비로 인해 2 줄로 오버플로되었습니다. .