Bonjour à tous,

Ma question peut sembler bête et peut-etre qu'elle l'est, mais je ne sais pas comment contrer les alignements dans un li.

Je m'explique.
J'ai fais ce site http://www.yoga-arbre.ch/ dont le menu est en ul et li
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<nav>
<ul class="menu_general">
<li class="first level1">
<a title="Accueil" href="http://www.yoga-arbre.ch/">Bienvenue</a>
</li>
<li class="level1">
<li class="level1">
<li class="last level1">
</ul>
</nav>
Dans mon CSS, j'ai fais ainsi pour que les li soit alignés
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
 
nav ul{
	padding:0px;
	margin:0px;
	border-top:2px dotted #8A343D;
	border-bottom:2px dotted #8A343D;
	padding-top:4px;
	padding-bottom:4px;
	overflow:hidden;
}
nav li{
	list-style-type:none;
	float:left;
	text-align:center;
white-space: nowrap;
        width:25%; /* J'ai supprimé ceci plus tard */
}
J'ai aussi mis text-align:center pour que les textes soit centrés.

Mais voilà, il faut que le premier soit aligné sur le bord de gauche et le dernier sur le bord de droite. Alors j'ai ajouté ceci:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
nav li.first{
	text-align:left;
}
nav li.last{
	text-align:right;
}
Le problème qui se pose maintenant, l'espace entre le 1 et le 2 n'est plus egal au 2 et 3. Idem pour le 3 et le 4.

Si je plaque le premier élément, l'espace va s'grandir entre le 1 et le 2. Il faudrait que le 2 s'adapte

Comment faire pour les 4 éléments (texte) du menu ont les mêmes espaces en gardant l'usage des ul et li?

Pour le moment, j'ai dédouillé ceci, mais je n'ai pas cette maniere de faire et surtout ca ne joue plus sur les écrans des smartphone
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
nav li:nth-child(1) {
	width:20%;
}
nav li:nth-child(2) {
	width:25%;
}
nav li:nth-child(3) {
	width:35%;
}
nav li:nth-child(4) {
	width:20%;
}

Merci pour vos lumière