поправить слайдер

[cyklop77]

помогите пожалуйста поправить слайдер или понять причину косяка.

слайдер без вертикальных разделителей между элементами списка товаров. слайдер с разделителями. разделитель в строке 33 файла index.html

как видите, непонятным мне образом, из-за наличия этого разделителя появляется косяк в виде части второй строки элементов списка под первым элементом списка на странице http://h31037.srv5.test-hf.ru/slide_broken/

[lexxcode]

Так естественно, у вас ширина, каждого li с бордером и паддингом, составляет 197px, всего там 20 элементов, не много квантовой физики 197*20=3940, но ширина ul всего 3920px. Соответственно последнему li не хватает 20px накопленных и он проваливается, если вы добавляете, бордер, то он тоже участвует в общей ширине элемента, по этому, добавив однопиксельный бордер, отнимите 1px от ширины

upd:

Хотя может не помочь, ширина ul подсчитывается скриптом, тогда можно поступить иначе, задайте нужную ширину li без padding и border, а уже во внутрь положите div с padding и border так, как вам нравится.

[cyklop77]

да, точно блин.

66 строку файла jquery.carousel.js заменил на такую

var width = (this.items.outerWidth(true) * this.noOfItems)+20;

и заработало. спасибо

Edited February 16, 2012 by cyklop77

[lexxcode]

да, точно блин.

66 строку файла jquery.carousel.js заменил на такую

var width = (this.items.outerWidth(true) * this.noOfItems)+20;

и заработало. спасибо

Если у вас будет не 20 элементов, 25 или больше, или наоборот меньше, снова все начнет рушится. Не стоило сам плагин ковырять.