Discussion :

[bloups0]

Bonjour,

J'ai un petit souci avec un menu au footer, je n'arrive pas à le centrer dans le bloque dans le quelle il est.

https://jsfiddle.net/gg8ed1zL/

Si vous aviez une solution !

[Invité]

Bonjour,

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
ul#footer-serv {
    width: 615px;
    display: block;
    margin: 0 auto;
    text-align:center;
}
 
ul#footer-serv > li {
    list-style-type: none;
    display: inline-block;
    margin: 0 10px;
}

• FAQ CSS : Positionnement

[bloups0]

Excuse moi, je me suis trompé, j'ai oublié un morceau de CSS plutôt important :

https://jsfiddle.net/gg8ed1zL/5/

Avec le inline block, je n'ai plus mes liste style.

[mathieu]

https://jsfiddle.net/gg8ed1zL/5/

je n'ai pas compris ce que vous cherchez à faire dans cet exemple de code

[bloups0]

Et bien, je voudrais centrer mon menu tout en gardant mes list style.

[Invité]

Bonjour,

quand on ne trouve pas de solution, on cherche dans une autre direction.

En voici une :

Code css :

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
ul#footer-serv {
    width: 615px;
    display: block;
    margin: 0 auto;
    background-color: white;
  text-align:center;
}
ul#footer-serv > li {
    list-style-type: none;
    display: inline-block;
}
 
li.lst-type:before { 
  content:'.'; font-size:300%; line-height:0.01em;
    color: #448499;
    margin: 0 10px;
}

Ou :

Code css :

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

1
2
3
4
5
6
7
8
9
li.lst-type:before { 
  position:absolute; 
  display:block;
  content:'•'; 
  left:-8px; top:0; 
  font-size:24px; line-height:20px;
    color: #448499;
    padding: 0 10px;
}