Post by Deleted on Jul 23, 2015 14:16:03 GMT -5
I'm working on a slider for my blogger posts and I have it working how I want to a point. I can't figure out how to get it to be in the center.
My Blogger
/*----- CSS Start -----*/
.btnt-slider {
margin: 0px;
padding: 0px;
}
.rslides {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.rslides img {
display: block;
height: auto;
float: left;
width: auto;
border: 0;
margin: 0;
}
ul.rslides .rslides_nav {
height: 30px;
position: absolute;
text-indent: -99999px;
top: 45%;
width: 30px;
z-index: 9999;
display: block;
}
.prev { background: url("http://3.bp.blogspot.com/-2R8tmOI8om8/U3HrZJmrzPI/AAAAAAAAC_U/-ye9JkB8uQg/s1600/arrows.png") repeat scroll 0 0 transparent; float: left; left: 15px; }
.next { background: url("http://3.bp.blogspot.com/-2R8tmOI8om8/U3HrZJmrzPI/AAAAAAAAC_U/-ye9JkB8uQg/s1600/arrows.png") repeat scroll right 0 transparent; float: right; right: 15px; }
/*----- CSS End-----*/
/*----- Java Start -----*/
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='https://googledrive.com/host/0B-P4_Fs3S76yQ1RVNnl0bVlLMXM' type='text/javascript'/>
<script type='text/javascript'>
/*<![CDATA[*/
$(function() {
$(".rslides").responsiveSlides({
auto: false, // Boolean: Animate automatically, true or false
nav: true, // Boolean: Show navigation, true or false
navContainer: "ul.rslides", // Selector: Where controls should be appended to, default is after the 'ul'
});
});
/*]]>*/</script>
/*----- Java End-----*/
/*----- HTML Start -----*/
<div class="container">
<ul class="rslides">
<li><img src="http://2.bp.blogspot.com/-gXH1fkGQXRU/VbBBN1PNXiI/AAAAAAAAA7c/bTcpS_60ppM/s1600/Katharine%2BLotus.jpg" /></li>
<li><img src="http://3.bp.blogspot.com/-kciM1ufOnlU/VbBBN_9YP2I/AAAAAAAAA7k/-feLcyZc0E8/s1600/Katharine%2BLotus%2B%25282%2529.jpg" /></li>
<li><img src="http://1.bp.blogspot.com/-Ew07ZsXTegw/VbBBNyzlNVI/AAAAAAAAA7o/eNyzNjTnJuc/s1600/Katharine%2BLotus%2B%25283%2529.jpg" /></li>
</ul>
</div>
/*----- HTML End-----*/
My Blogger