Discussion :

[guillaumeabxl]

Bonjour,

Après avoir tout essayé je me retourne vers vous pour centrer horizontalement mon élément UL dans ma page.

J'ai utilisé le classique

Code :

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

margin: 0 auto;

mais sans succès.

Je voudrais centrer les trois "onglets" dans la page suivante :

http://www.soweco.be/test/

Si vous avez une idée,
Merci pour vos réponses et bonne année à tous.

[Rachel]

bonsoir
j'ai jeté un coup d'oeil au css de ton site, et j'ai vu ceci :

Code :

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

1
2
3
4
.usual li {
    float: left; // cette ligne...
    list-style: none outside none;
}

[guillaumeabxl]

Salut,
Que me conseilles tu ?
Le float permet d'aligner les éléments de ma liste les uns à coté des autres.
Si tu l'enlèves (via firebug) les trois "onglets" se placent les uns sous les autres.

[Emyleen]

Bonjour,

Essaye d'appliquer le css suivant à ton ul :

Code css :

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

1
2
3
4
ul {
display: inline-block;
margin: 0 0 -4px;
}

Sous firefox ça fonctionne

[guillaumeabxl]

Top, j'ai rajouté un padding de 0 et le tout est centré.
Merci.

Code :

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

1
2
3
4
5
ul {
	display: inline-block;
	margin: 0 0 -4px;
	padding: 0;
}