Answer the question
In order to leave comments, you need to log in
What should be changed in the layout of the slider?
Hello. The question is the following, you need to make the slider 1366 by 585px. When I set these dimensions, a scroll appears from the bottom. How can you pick it up?
<div class="slider">
<div class="sliderContent">
<div class="item">
<img src="img/slider/slider1.jpg" alt="" />
</div>
<div class="item">
<img src="img/slider/slider2.jpg" alt="" />
</div>
<div class="item">
<img src="img/slider/slider3.jpg" alt="" />
</div>
</div>
</div>
.slider {
float:left;
width:1366px;
height:585px;
position:relative;
}
.sliderContent {
float:left;
width:1366px;
height:585px;
clear:both;
position:relative;
overflow:hidden;
}
.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}
.prev {
background-position:0 0;
left:15px;
}
.prev:hover {
background-position:0 -44px;
}
.next {
right:15px;
background-position:-44px 0;
}
.next:hover {
background-position:-44px -44px;
}
.sliderContent .item {
position:absolute;
width:1366px;
height:585px;
background:#fff;
}
.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}
.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../gfx/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position:0 -11px;
}
.sliderContent a {
outline:none;
}
a {
color:#fff;
}
a img {
border:none;
}
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question