I have a image gallery taken from the database thru PHP and pagination script to the another page. Now the image seems placed ok but can't seen to position the pagination at the bottom of the gallery list.
Below is the section where the Gallery images is placed-
<div class="container"> <div class="form-group"> <input type="text" name="search_box" id="search_box" class="form-control" placeholder="Search in Gallery" /> </div> <div class ="grid"> <div class="bg0 m-t-23 p-b-140"> <div class="container"> <center><h5><p style="background-color: #cccccc" , color:"#ffffff";>GALLERY</p></h5></center> </div> <div class="row isotope-grid"> <div class="block2"> <div class="block2-pic hov-img0"> </div></div> <div class="table-responsive" id="dynamic_content"> </div></div> <div class="block2-txt flex-w flex-t p-t-14" style="color: #000000;background-color: ;"> <div class="block2-txt-child1 flex-col-l "> <span class="stext-105 cl3"> </span> </div></div></div> <div class="block2-txt-child2 flex-r p-t-3"> </div> </div> </div></div> </div> </section>
THe pagination css comes from the link-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
The pagination script is under the
Is there a way to customize the CSS for the pagination to position below the gallery ?
If any help in this regard will be helpful.
mod edit: code tags added ~g
Pagination is a print property (actually, page-break-inside/after/before:), used in your css for the print medium, not the screen or other media.
If you're wanting to break up your html screen version, simply end the page and add links to the next/prev pages in the series.
If neither is what you're talking about, please clarify.
Hi, Thank you for your
Thank you for your response. I just wanted to create a simple pagination for my image gallery. And came across this pagination with search code on the web.
I have no idea how much more to make things clear , but please take a look at the demo site below you may understand what I want to say.
This is my demo site -
Kindly let me know.
absolute positioning is nearly always the trouble maker
Your gallery items are positioned absolutely. AP items are out of the flow, i.e. they don't exist for other items. See my inline-block gallery demo. I've been retired for 10+ years, so my comments regarding IE are outdated.
Thank you for responses to my queries.
Sir , Thank you for responses to my queries. I have done the pagination for the gallery page its working now yeh happy. Now I am trying to make a CSS to display and fit any size image to a standard even rows and columns in the gallery. I tried lot of codes and as well as the inline-block as per your link , it does not work. Is there any cropping grid in CSS where I can use.