Discussion :

[navis84]

Bonjour,

J'ai un bloc navigateur_page dans lequel je souhaite inclure 3 blocs :
- precedente
- page
- suivante

Avec mon code, les blocs apparaissent bien au même niveau, mais le texte du milieu (classe page) n'est pas centré et apparait quelques pixels plus bas que le texte des autres blocs.

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
 
	div.navigation_page {
		float:left;
		text-align: center;
	}
 
	div.navigation_page div.precedente{
		float:left;
	}
	div.navigation_page div.suivante{
		float:right;
	}
 
	div.navigation_page div.page {
		float:left;
	}	
 
<div class="navigation_page">
	<div class="precedente">
		Précédent
	</div> 
 
	<div class="page">
		Page(s) : 1 2 3 4 5
	</div>
 
	<div class="suivante">
                Suivante
	</div>
</div>

Merci d'avance pour votre aide.

[Bisûnûrs]

Aucun problème sur IE et aucun problème sur Firefox avec le seul code que tu as donné.

[navis84]

Après re-test, il y a au moins celui du bloc du milieu dont le texte n'est pas centré (au moins sur Firefox)...

[navis84]

De plus, si je rajoute un élément span dans mon bloc page, il est légèrement au dessous :

Code :

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

1
2
3
<div class="page">
		Page(s) : <a href="">1</a> <span style="float:left;font-weight: bold; font-size: 1.2em;">2</span> 3 4 5
</div>

[trotters213]

j'ai eu un problème similaire la dernière fois. Regarde les bordures de tes div

Code :

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

div.navigation_page { border : 1px solid #000000;}

si elle ne sont pas tout simplement de largeur différentes.

[navis84]

Merci de ta réponse.

Le problème, c'est que je n'ai pas encore mis de bordure à aucun des blocs...