Discussion :

[isaric]

Bonjour,

Pourquoi le bouton 2 n'est pas au centre de la page : test

D'avance merci

[NoSmoking]

Bonjour,
il serait préférable que tu nous mettes le code HTML-CSS directement dans la discussion, la première analyse pouvant se faire rapidement et le code restera peut-être pas ta page de test.

Je reprend, partiellement, ton code en gardant l'essentiel

Code html :

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

1
2
3
<div class="dropdown piedp">
  <button>test bouton 2</button>
</div>

avec son CSS

Code :

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

1
2
3
4
5
6
7
.dropdown {
  position: relative;
  display: inline-block;   /*-- cela ce passe ici --*/
}
footer, .piedp {
  text-align: center;
}

On voit un display: inline-block qui fait que l'élément n'occupe que la place nécessaire à son contenu, un centrage du texte n'a donc aucun effet.

[isaric]

Merci NoSmoking pour les précisions d'utilisation pour plus de clarté.

Bravos pour la solution.

Code :

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

1
2
3
 
  position: relative;
  /* display: inline-block; */    /*-- cela ce passe ici --*/

ainsi display doit être online par défaut je crois !

position et display sont des notions bien vagues pour moi

[NoSmoking]

ainsi display doit être online par défaut je crois !

non cela dépend du type d'élément.

Tu peux jeter un coup d'oeil à ce qui existe : The 'display' property.

[isaric]

Merci NoSmoking, j'ai juste 2à 3 notions d'anglais