[vitaly-go]

вот и созрел очередной мой затуп с вышеуказанной

суть вопроса:

в последней версии добавили шаблоны,

поставил 2 шаблона, 8й и 16й

в макет на основе 16го решил перенести слайдер из 8го

но получилось както некоректно
http://tihojsapoj.ru/poslednie_raboty/69/

а вот так должно быть, тоесть в перенесенном (выше) варианте неработает слайдер, невидно точек статей и неработают стрелки
http://mobile-rew.ru/articles/68/

где что упустил непойму, спасайте

[Niemans]

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

[vitaly-go]

Сообщение от Niemans

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

Спасибо!.

там вообще ужас полный, основной шаблон в xhtml,
а тот в котором слайдер вообще html5 ))))

наделали шаблонов а они между собой неособо совместимы )))



вопрос следующий, все тотже слайдер в шапке http://tihojsapoj.ru/

упарился искать и пробовать менять различные ширины и пр параметры чтобы устаканить сдвиг каждой следующей картики,
почемуто сдвигает не на 100% а на 170% (Примерно)

где и как отрегулировать?

JS самого слайдера
http://tihojsapoj.ru/images/site8/js...lSlider.0.3.js

css код слайдера

/* =======CAROUSEL =======*/
.carousel{ position:relative; height: 155px; width: 610px; overflow:hidden; }
.carousel h1, .carousel .title{ color: #fff; }	
.carousel .backgrounds{ height: 155px; }
.carousel .backgrounds .item{ width: 350px; height: 155px; float:left; position:relative; z-index:1; }

.carousel .panel{ background:url(/images/site8/panel-bg.jpg) no-repeat 0 0; color: #fff; position:absolute; right: 0; top:0; height: 155px; width: 260px; z-index:10; }
.carousel .panel .paging{ position:absolute; bottom: 12px; left:35px; width: 210px; text-align:center; }
.carousel .panel .paging a{ color: #4c4c4c; font-size: 1.1em; }

.carousel .panel .pause{ position:absolute; right:20px; top:25px; display:block; width: 15px; height: 15px; 
background: transparent url(/images/site8/carousel_pause_bg.gif) no-repeat 0 0; text-indent: -3000px; }
.carousel .panel .play{ position:absolute; right:20px; top:25px; display:block; width: 15px; height: 15px; 
background: transparent url(/images/site8/carousel_play_bg.gif) no-repeat 0 0; text-indent: -3000px; }

.carousel .panel .paging .next{ position:absolute; right:7px; bottom:-6px; display:block; width: 8px; height: 15px; overflow:hidden;
background:url(/images/site8/next.gif) no-repeat 0 0; text-indent: -999em; }
.carousel .panel .paging .next:hover { background-position:0 -15px; }
.carousel .panel .paging .previous{ position:absolute; left:-7px; bottom:-6px; display:block; width: 8px; height: 15px; overflow:hidden;
background:url(/images/site8/prev.gif) no-repeat 0 0; text-indent: -999em; }

.carousel .panel .paging .previous:hover { background-position:0 -15px; }
.carousel .panel .paging #numbers { left:25%; position:relative; zoom:1; }

.carousel .panel .paging #numbers a { background:url(/images/site8/bull-1.gif) no-repeat 0 0; float:left; width:10px; height:10px; overflow:hidden; font-size:0; line-height:0;
text-indent:-9999em; margin-right:7px; }
	 
.carousel .panel .paging #numbers a:hover { background:url(/images/site8/bull-2.gif) no-repeat 0 0; }
.carousel .panel .paging #numbers a.selected { background:url(/images/site8/bull-2.gif) no-repeat 0 0; }

.carousel .panel .details_wrapper { position:absolute; top:10px; left:20px; width: 200px; overflow:hidden; /*height: 200px;*/ height: 155px; }
.carousel .panel .details_wrapper .details {/*height: 200px;*/ height: 155px; }
.carousel .panel .details_wrapper .details .detail { width: 200px; /*height: 200px;*/ height: 155px; float:left;color:#a7afb4; }

.carousel .panel .details_wrapper .details h1, .carousel .panel .details_wrapper .details .title{ font-size:18px; line-height:16px; color:#fff; font-weight:normal;
font-style:italic; margin-bottom:9px; }

.carousel .panel .details_wrapper .details p { margin-bottom:5px; }
.carousel .panel .details_wrapper .details a.more{ color: #fff; font-size:14px; font-style:italic; margin-left: 2px; }   
/*======= END CAROUSEL =======*/

сорри, вопрос решен ))))

пока формулировал, пришел к решению

все проще некуда, просто должна совпадать ширина

.carousel{ position:relative; height: 155px; width: 610px; overflow:hidden; }
и
.carousel .backgrounds .item{ width: 610px; height: 155px; float:left; position:relative; z-index:1; }