Привет еще раз - след проблема:
Слайдер производителей на главной странице.
Вот код
.jcarousel-skin-tango {
background: #fff;
}
.jcarousel-skin-tango .jcarousel-container { margin:0; }
.jcarousel-skin-tango .jcarousel-container li { padding: 0 !important;}
.jcarousel-skin-tango .jcarousel-container li a {line-height: 0;}
.jcarousel-skin-tango .jcarousel-container li img {display: block;}
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal {
/* width: 860px;*/
padding: 10px 60px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
/* width: 880px;*/
}
.jcarousel-skin-tango .jcarousel-item {
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left: 0;
margin-right: 20px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 26px;
right: 10px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 5px;
right: auto;
background-image: url(../img/prev-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
opacity:0.6
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
opacity:0.6
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;
opacity:0.6
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 26px;
left: 10px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: -10px;
background-image: url(../img/next-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
opacity:0.6
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
opacity:0.6
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;
opacity:0.6
}
В общем если здесь .jcarousel-skin-tango .jcarousel-item {} ничего не указывать, то картинки начинают съезжать в несколько строчек. Если же указать длину каждого элемента, даже 1px, то они выстраиваются в ряд. Проблема последнего способа в том, что все картинки разной ширины, поэтому расстояние между ними получается разное. В первом случае расстояние равное, но они почему-то съезжают в несколько рядов.
Помогите пожалуйста.
Съехавшие
С указанной длиной 75px. Как видите, всё равно не хватает. Если сделать больше, совсем некрасиво.