html - Cycle 2 Prev and Next -

-

good evening, i'm using cycle2 prev , next function, cannot centre prev , next function under images. i've looked around , know going stupid, cannot see it. frustrating. gary

<script src="../../respond.min.js"></script>  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>  <script src="http://malsup.github.com/jquery.cycle2.js"></script>  <script src="http://malsup.github.io/jquery.cycle2.center.js"></script>
@charset "utf-8";  /* simple fluid media     note: fluid media requires remove media's height , width attributes html     http://www.alistapart.com/articles/fluid-images/   */  img, object, embed, video {  	max-width: 100%;  }    /* ie 6 not support max-width default width 100% */  .ie6 img {  	width:100%;  }    /*  	dreamweaver fluid grid properties  	----------------------------------  	dw-num-cols-mobile:		4;  	dw-num-cols-tablet:		8;  	dw-num-cols-desktop:	12;  	dw-gutter-percentage:	25;  	  	inspiration "responsive web design" ethan marcotte   	http://www.alistapart.com/articles/responsive-web-design  	  	and golden grid system joni korpi  	http://goldengridsystem.com/  */    .fluid {  	clear: both;  	margin-left: 0;  	width: 100%;  	float: left;  	display: block;  }    .fluidlist {      list-style:none;      list-style-image:none;      margin:0;      padding:0;          }    /* mobile layout: 480px , below. */      .gridcontainer {  	margin-left: auto;  	margin-right: auto;  	width: 86.45%;  	padding-left: 2.275%;  	padding-right: 2.275%;  	clear: none;  	float: none;  }  #div1 {  }  .gallery {  }  .zeromargin_mobile {  margin-left: 0;  }  .hide_mobile {  display: none;  }    /* tablet layout: 481px 768px. inherits styles from: mobile layout. */    @media screen , (min-width: 481px) {    .gridcontainer {  	width: 90.675%;  	padding-left: 1.1625%;  	padding-right: 1.1625%;  	clear: none;  	float: none;  	margin-left: auto;  }  #div1 {  }  .gallery {  }  .hide_tablet {  display: none;  }  .zeromargin_tablet {  margin-left: 0;  }  }    /* desktop layout: 769px max of 1232px.  inherits styles from: mobile layout , tablet layout. */    @media screen , (min-width: 769px) {    .gridcontainer {  	width: 88.5%;  	max-width: 1232px;  	padding-left: 0.75%;  	padding-right: 0.75%;  	margin: auto;  	clear: none;  	float: none;  	margin-left: auto;  }  #div1 {  }  .gallery {  }  .zeromargin_desktop {  margin-left: 0;  }  .hide_desktop {  display: none;  }
<body>  	<div class="gridcontainer clearfix">  		<div id="div1" class="fluid"></div>          <div class="fluid gallery">          <br />  <br />  <div class="cycle-slideshow"  	data-cycle-fx="scrollhorz"      data-cycle-timeout="0"      data-cycle-prev="#prev"      data-cycle-next="#next"      data-cycle-center-horz=true      data-cycle-center-vert=true  >  <img src="http://malsup.github.io/images/p1.jpg">      <img src="http://malsup.github.io/images/p2.jpg">      <img src="http://malsup.github.io/images/p3.jpg">      <img src="http://malsup.github.io/images/p4.jpg">  </div>  <br />  <br />  <div class="center">      <span style="text-align: center; text-decoration: none; font:open-sans; font-size:12px; color:#000000;">      <a href=# id="prev">prev</a>       <a href=# id="next">next</a></span>  </div>        </div>  	</div>  </body>

you need add text-align center container div:

div.center {text-align:center;}

https://jsfiddle.net/dw25llzc/


Comments

Post a Comment

Popular posts from this blog

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

-
i'm having difficult time , hope guys can help. using helicon isapi rewrite version 3.1.0.104 on our iis server. edit http.conf file , have tried , still fail. this trying do: redirect url: https://www.domain.com/switch-by-version?version=2.8.5.2594 to: https://test.domain.com/load/load.aspx?tver=2.8.5.2594 the version number @ end source url change, , need target url have same version number @ end of url example above shows. i tried following not work: rewritecond %{query_string} ^version=(\d\d?)\.(\d\d?)\.(\d\d?)\.(.*)$ [nc] rewriterule ^/switch-by-version(.*)$ https://test.domain.com/load/load.aspx?tver=%1 [r=307,nc,l] any appreciated! thanks. if it's running in equivalent context of .htaccess , rule shouldn't start / . here's simpler version: rewritecond %{query_string} ^version=(\d+\.\d+\.\d+(?:\..+)?)$ [nc] rewriterule ^switch-by-version/?$ https://test.domain.com/load/load.aspx?tver=%1 [r=307,nc,l]
Read more

jsf - "PropertyNotWritableException: Illegal Syntax for Set Operation" error when setting value in bean -

-
this question has answer here: how send form input values , invoke method in jsf bean 1 answer i error when trying send values jsf page bean. i want set values fields in bean, create airplane instance , add database. error telling me use illegal syntax setter part of bean. why error? didnt find on site helped me problem. here jsf part: <h4>add plane</h4> <c:if test="#{not empty listairplanebb.error}"> <div class="alert alert-danger"> <span class="glyphicon glyphicon-remove"></span> <h:outputtext value="#{listairplanebb.error}" /> </div> </c:if> <h:form> <table class="table"> <thead> ...
Read more

arrays - Algorithm to find ideal starting spot in a circle -

-
so problem have been debating such: your given array of integers representing circle. then, have pick spot in circle start. place start, compare value @ array number of steps took there , if steps less or equal number, include in final set. find place start have elements in set. ex, a=[0, 1, 2] if start @ index=0, then: a[0]=0 < =0 0 included a[1]=1 < =1 1 included a[2]=2 < =2 2 included final set: {0,1,2} if start @ index=1, then: a[1]=1 > 0 1 not included a[2]=2 > 1 2 not included here loop around a[0]=0 > 2 0 included final set: {0} if start @ index=2, then: a[2]=2 > 0 2 not included, here loop around a[0]=0 < = 1 0 included a[1]=1 < = 2 1 included final set: {0,1} so in trivial case, starting position index=0 best position results in final set elements. brute force method of finding obvious, trying find more efficient method. attempts far have been examine trying find max intersect of viable starting ranges calculated each element in arr...
Read more