Discussion :

[Marc22]

Bonjour,

j'ai des vignettes (15 par pages html), et suivant leur nombre, une pagination jquery (nombre de pages).

Je voudrais que la pagination soit centrée en dessous des vignettes.

Or comme le nombre de pages est aléatoire, si j'en ai 2, que je centre par rapport à 2, lorsque j'en aurai 5, ça va faire

< 1 -2 - 3 - 4 -5 >, et ça sera donc trop décalé vers la droite.

Les

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

text-align:center;

fonctionnant un peu quand ils veulent, je ne peux pas utiliser ni cette façon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
position:absolute;
text-align:center;
width:100%;

ni celle-là :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
margin-left:-15%;
left:50%;

car le -15% marche bien pour 2 pages par exemple, mais pas pour 5.

[Yorick]

Salut,

Essaye margin: 0 auto;

[Marc22]

bonjour,

déjà essayé mais ça ne marche pas.

[Yorick]

Donne nous le code.

[Marc22]

oui chef !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
echo '  <div id="Pagination"></div>
<br style="clear:both;"/>
<div id="Searchresult" ></div>
';						
 
 
...
 
echo '<div id="hiddenresult" style="display:none;">';
 
 
echo '<div class="result">';
 
...
 
while(isset($tab[$i])){
 
echo '<span ... ><a ..... "><img .... /></a>
 
	$i++;
 
	if($i%15==1){
		echo '</div>';
 
		if(isset($tab[$i])){
			echo '<div class="result">';}
	}
 
 
 
}
 
echo '</div>';

j'ai ultra raccourci le code pour ne garder que l'essentiel

Le javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
		// ********* Pagination ***************
 
		function pageselectCallback(page_index, jq){
                var new_content = jQuery('#hiddenresult div.result:eq('+page_index+')').clone();
                $('#Searchresult').empty().append(new_content);
                return false;
            }
 
            /** 
             * Initialisation function for pagination
             */
            function initPagination() {
                // count entries inside the hidden content
                var num_entries = jQuery('#hiddenresult div.result').length;
                // Create content inside pagination element
                $("#Pagination").pagination(num_entries, {
                    callback: pageselectCallback,
                    items_per_page:1 // Show only one item per page
                });
             }
 
		initPagination();
});

le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.pagination {
	font-size:80%;
	margin-left:37%;
	margin-top:64%;
	position:absolute;
	padding-bottom:150px;}

mais je ne sais pas si ça servira à grand chose le code. il y a le javascript au milieu.

[Macmillenium]

Poste ton code HTML généré STP.

[Marc22]

pardon je n'avais pas vu votre réponse.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<div id="Pagination"></div>
<br style="clear:both;"/>
 
	<div id="Searchresult"></div>
	<div id="hiddenresult" style="display:none;"><div class="result">
 
		<div class="content_">
			<a href="#" onclick="aff_pp2(149,240)" >
				<span class="A">...</span>
				<span class="B" style="background-color:Menu; padding-bottom:1%;">...</span>
				<span class="C">...</span>
 
				<span class="D" style="background-color:Menu; padding-bottom:1%;">...</span>
				<span class="E">...</span>										
			</a>
		</div>
 
 
		<div class="content_">
 
			<a href="#" onclick="aff_pp2(123,92)" >
				<span class="A">...</span>
				<span class="B" style="background-color:Menu; padding-bottom:1%;">...</span>
				<span class="C">...</span>
				<span class="D" style="background-color:Menu; padding-bottom:1%;">...</span>
				<span class="E">...</span>										
			</a>
...
		</div>
 
	 </div></div></div>	
 
</div>

j'ai mis des points de suspensions pour alléger le code.