Discussion :

[Arsene12]

Bonjour,

j'ai un menu sur ma page HTML dans lequel j'ai mis un compteur: 00:00. Je voudrai le centrer. Pourriez-vous m'indiquer le code CSS à appliquer, svp?

Merci d'avance,

Cordialement

Arsène

https://jsfiddle.net/6hu82hy5/

Code html :

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

1
2
3
4
5
6
    <div id="monMenu" > 
       <ul id="navigation">
            <li ><a href="#" title="ma 1ère Section" id="maSection1" >‹‹ Connexion</a></li>
            <li ><a href="Compteur"><span id="minu">00</span>:<span id="secon">00</span></a></li> 
        </ul>
    </div>

[NoSmoking]

Bonjour,
qu'est ce que tu veux center, le menu ou le compteur ?

En tout état de cause pour centrer un élément horizontalement il faut que celui-ci possède à minima une largeur et lui appliquer une margin-left/right:auto ce qui le centrera par rapport à son parent.

[Arsene12]

Bonjour,
je veux centrer le compteur uniquement, donc le 2ème élément de la liste.
je voudrais quelque chose du genre :

Code :

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

1
2
3
li 2ème élément {
 text-align: center;
 }

https://jsfiddle.net/6hu82hy5/1/

[NoSmoking]

Plusieurs façon d'y arriver

Code :

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

1
2
3
#navigation li +li{
  text-align:center; 
}

sinon tu peux utiliser la pseudo-classe :nth-child(an+b).

Code :

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

1
2
3
#navigation li:nth-child(2){
  text-align:center; 
}

[Arsene12]

Code :

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

1
2
3
#navigation li:nth-child(2){
  text-align:center; 
}

j'ai rajouté ce code mais ça marche pas.

https://jsfiddle.net/6hu82hy5/2/

[Arsene12]

En cliquanr sur le bouton ça devrait marché mais le centrage est mauvais, il est décalé vers la droite :

https://jsfiddle.net/6hu82hy5/3/