4 replies [Last post]
gary4u
gary4u's picture
Offline
Regular
India
Last seen: 3 weeks 6 days ago
India
Timezone: GMT+5.5
Joined: 2018-12-31
Posts: 18
Points: 27

Hi,

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 <HTML>

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.

Thanks
Gary

mod edit: code tags added ~g

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 12 hours 2 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

Pagination?

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.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

gary4u
gary4u's picture
Offline
Regular
India
Last seen: 3 weeks 6 days ago
India
Timezone: GMT+5.5
Joined: 2018-12-31
Posts: 18
Points: 27

Hi, Thank you for your

Hi,

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 -

https://www.myconnect.in/galleryxxyz100.php

Kindly let me know.

Thanks
Gjs

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 12 hours 2 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

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.

g

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

gary4u
gary4u's picture
Offline
Regular
India
Last seen: 3 weeks 6 days ago
India
Timezone: GMT+5.5
Joined: 2018-12-31
Posts: 18
Points: 27

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.

Thank you

Gjs.