Слайдер

@Pro100kvachina · Регистрация: 23.01.2013

Author24 — интернет-сервис помощи студентам

подскажите почему у сладера с права 1 пиксель торчит

HTML5

                <div class="slider">
                    <div id="wrapper">
                        <div id="container">
                            <div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
                            <div id="slider">
                                <ul>
                                    <li><img src="images/slide_1.jpg" width="1154px" height="371px"/></li>
                                    <li><img src="images/slide_2.jpg" width="1154px" height="371px"/></li>
                                    <li><img src="images/slide_3.jpg" width="1154px" height="371px"/></li>
                                    <li><img src="images/slide_1.jpg" width="1154px" height="371px"/></li>
                                    <li><img src="images/slide_2.jpg" width="1154px" height="371px"/></li>
                                </ul>
                            </div>
                            <div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
                            <ul id="pagination" class="pagination">
                                <li onclick="slideshow.pos(0)"></li>
                                <li onclick="slideshow.pos(1)"></li>
                                <li onclick="slideshow.pos(2)"></li>
                                <li onclick="slideshow.pos(3)"></li>
                                <li onclick="slideshow.pos(4)"></li>
                            </ul>
                        </div>
                    </div>
                    <script type="text/javascript">
                    var slideshow=new TINY.slider.slide('slideshow',{
                        id:'slider',
                        auto:4,
                        resume:false,
                        vertical:false,
                        navid:'pagination',
                        activeclass:'current',
                        position:0,
                        rewind:false,
                        elastic:true,
                        left:'slideleft',
                        right:'slideright'
                    });
                    </script>
                </div>

CSS

/***slider***/
#wrapper {width:1154px; margin:0 auto 0 auto;border-radius:30px; overflow:hidden;}
#container {position:relative; height:371px;}
.sliderbutton {float:left; height:371px; cursor:pointer}
#slider {float:left; position:relative; overflow:auto; width:1154px; height:371px}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:1154px; height:371px}
.pagination {position:absolute; bottom:45px; left:47%; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; height:12px; width:13px; background:url("images/slider_circle.png"); margin:0 4px 0 0;}
/*slider-end*/

слайдер рабочий всё норм работает, но пиксель почему то с права мне не даёт покою)))

@Pro100kvachina · 21.11.2013, 13:56 **[ТС]**

задача ещё не решена...((((

@Padimanskas · 21.11.2013, 14:03

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

торчит

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

не даёт покою

торчит, не дает покоя... наверное так нужно поступить

CSS

1	overflow:hidden

@Pro100kvachina · 21.11.2013, 14:21 **[ТС]**

да там и так стоит)))
как я понял у img не как не убирается бордер))

@Pro100kvachina 4 / 4 / 0 Регистрация: 23.01.2013 Сообщений: 197
	21.11.2013, 13:56 [ТС]	2
	задача ещё не решена...(((( 0

@Pro100kvachina 4 / 4 / 0 Регистрация: 23.01.2013 Сообщений: 197
	21.11.2013, 14:21 [ТС]	4
	да там и так стоит))) как я понял у img не как не убирается бордер)) 0