Parašė Memento Mori· 2011 Gru. 3 12:12:18
#1
Sveiki visi turiu nivo slideri savo web'e ir noriu jį susimažinti tolygiai. Bet kaip mažinau tai gaunasi nesąmoningai viena dalis už kitą mažesnė ir nelygumai.
Gal kas galėtu sumažinti ši nivo sliderio aukštį per kokį 100px ilgis tinka toks pats tik aukštis per didelis dabar.
/*
* <span style="border-bottom: 1px dotted black;">jQuery</span> Nivo Slider v2.6
* <a href='http://nivo.dev7studios.com' target='_blank'><span style='color:005C5B'>http://nivo.dev7studios.com</span></a>
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* <a href='http://www.opensource.org/licenses/mit-license.php' target='_blank'><span style='color:005C5B'>http://www.opensource.org/licens...icense.php</span></a>
*
* March 2010
*/
#slider-wrapper {
clear:both;
background:url(../images/slider/slider.png) no-repeat;
width:961px;
height:212px;
margin:0;
padding-top:11px;
position:relative;
}
#slider {
margin-left:9px;
width:943px; /* Make sure your images are the same size */
height:183px; /* Make sure your images are the same size */
}
.nivoSlider {
position:relative;
width:64px;
height:78px;
margin-left:77px;
background:url(../images/slider/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
width:943px; /* Make sure your images are the same size */
height:183px; /* Make sure your images are the same size */
}
.nivoSlider a {
border:0;
display:block;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
font-family: Helvetica, Arial, sans-serif;
left:0px;
bottom:0px;
background-color: #003;
color:#fff;
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px 10px;
margin:0;
}
.nivo-caption a {
display:inline !important;
color:#fff;
border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
color:#fff;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
display:block;
width:25px;
height:200px;
background:url(../images/slider/arrows.png) no-repeat 0% 50%;
text-indent:-9999px;
border:0;
top:40px;
z-index:9;
cursor:pointer;
}
a.nivo-nextNav {
background-position:100% 50%;
right:-41px;
padding-right:20px;
}
a.nivo-prevNav {
left:-41px;
padding-left:20px;
}