CSS

[Santa 3]

Добрый день хотел спросить как поставить слайд в контейнер либо он постоянно появляется на нём..Тоисть поставить слайд в рамку для него вот сам код ксс

/*------------- Slider -----------*/

 

#slider-bg {

background:url(../images/slider-bg.png) no-repeat top center;

width: 636px;

height: 217px;

padding: 0px 0px 0px 0px;

margin: -5px 0px 0px 5px;

position: absolute;

z-index: 100;

}

 

#container {

width:636px;

margin:0 auto;

position:relative;

z-index:0;

}

 

#example {

width:636px;

height:210px;

position:relative;

}

 

#frame {

position:absolute;

z-index:0;

width:636px;

height:210px;

}

 

 

#slides {

position:absolute;

z-index:100;

}

 

 

.slides_container {

width:636px;

overflow:hidden;

position:relative;

display:none;

}

 

 

.slides_container div.slide {

width:636px;

height:210px;

display:block;

}

 

.caption {

z-index:636;

position:absolute;

bottom:-35px;

left:0;

min-height:35px;

padding:5px 20px 0 20px;

background:rgba(29,19,12,0.7);

width:510px;

font-size:12px;

line-height:1.33;

color:#fff;

text-shadow:none;

}

 

 

ul pagination{

display: none;

}

 

 

А вот код слайд для штмл 

 

<div id="center">

 

<div id="left">

 

<div id="slider">

<div id="slider">

<div id="slider-bg"></div>

<div id="container">

<div id="example">

<div id="slides">

<div class="slides_container">

<div class="slide">

<a href="#"><img src="{template}/images/slides/slide-1.jpg" width="600" height="190" alt="Slide 1"></a>

 

</div>

<div class="slide">

<a href="#"><img src="{template}/images/slides/slide-2.jpg" width="600" height="190" alt="Slide 2"></a>

 

</div>

<div class="slide">

<a href="#"><img src="{template}/images/slides/slide-3.jpg" width="600" height="190" alt="Slide 3"></a>

 

</div>

<div class="slide">

<a href="#"><img src="{template}/images/slides/slide-4.jpg" width="600" height="190" alt="Slide 4"></a>

 

</div>

<div class="slide">

<a href="#"><img src="{template}/images/slides/slide-5.jpg" width="600" height="190" alt="Slide 5"></a>

 

</div></div></div>

                      </div></div>

                                     </div>

</div>

 

<div id="news-header"></div>

 

 

[L2Banners 664]

Я не не совсем понял что вам надо, но если нужна рамка вокруг контейнера, то достаточно добавить border в #slider-bg

 

#slider-bg {
background:url(../images/slider-bg.png) no-repeat top center;
width: 636px;
height: 217px;
padding: 0px 0px 0px 0px;
margin: -5px 0px 0px 5px;
position: absolute;
z-index: 100;
border:5px solid red;
}

 

А еще у вас 2 раза открывается

<div id="slider">

<div id="slider">

Зачем?

Изменено 25 февраля, 2016 пользователем L2Banners

[Santa 3]

Уменя рамка есть,нужно са ресунок поместить в рамку

[Santa 3]

Тему клоус подсказали

[exe 33]

Офф топ.

 

Поддерживаю Bannersa. Айди должен быть уникальным на всей странице. Удали 1-ин <div id="slider">