Вопрос

I am trying to add a separator to a CarouFredsel scroller. The easiest way of doing it is by adding a right border to each one of the items, but has you can see there is a bug in the last item. Any good idea of how can I do this? The problem is that the calculations from the plugin won't allow me to correct this via margin or padding or even overflow. Here you can see the jsFiddle Demo

I have tried:

#carouFredSel li {
    display: block;
    border-right: solid 1px black;
    float: left;
    height: 100px;
    text-align: center;
    width: 100px;
}

Here is the result

I had to change the border separator form the Items to the Items -> link, here is the result the result.

Это было полезно?

Решение

I think adding width to your first jsfiddle will solve the problem http://jsfiddle.net/dcE6T/15/

var pager = $("#carouFredSel").carouFredSel({

        items: 6,
        width:600,

        auto: false,
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top