.pagination {margin:25px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url('/static/img/pagination.png');background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
I try to use 2 css classes for paging like this:
.pagination {margin:25px auto 0;width:100px;} .pagination li {float:left;margin:0 1px;list-style:none;} .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url('/static/img/pagination.png');background-position:0 0;float:left;overflow:hidden;} .pagination li.current a {background-position:0 -12px;}
. pagination1 {width: 500px;}
$ ("# slides1"). slides ({ container 'slides_1_container' Play: 10000 effect: 'fade', paginationClass 'pagination pagination1' });
I want this result:
ul> but it gives:
ul> any ideas?