Discussion :

[pierrot10]

Bonjour,

J'ai un menu

Code HTML :

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

1
2
3
4
5
6
7
8
 
<div id="menu" class="align-width">
	<div class="menu">ACCUEIL</div>
	<div class="menu">EQUIPE</div>
	<div class="menu">TRAVAUX</div>
	<div class="menu">CONTACT</div>
	<div class="menu">LIENS</div>
</div>

Code CSS :

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

1
2
 
.menu{float:left; font-weight:bold; text-transform:capitalize;}

J'aimerais que mes <div class="menu"> soient en mode justify dans mon <div id="menu">

Donc que ACCUEIL soit tout a gauche et LIEN tout à droite, avec le meme espace entre les <div>s.

Comment pourrais-je faire ceci avec du CSS?

J'ai la même question avec des <li>

Code :

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
18
19
 
<div id="menu" class="align-width">
<ul>
<li>
</li>
<li>
<a title="Equipe" href="/new/index.php?id=2">Equipe</a>
</li>
<li>
<a title="Travaux" href="/new/index.php?id=3">Travaux</a>
</li>
<li class="active">
<a title="Contact" href="/new/index.php?id=4">Contact</a>
</li>
<li class="last">
<a title="Lien" href="/new/index.php?id=5">Lien</a>
</li>
</ul>
</div>

Merci

[kohsaka]

je ne suis pas sur d'avoir bien compris, en fait, tu veux faire un menu en ligne ?

avec les div ca donne ca

Code :

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

1
2
3
4
5
6
7
8
 
<div id="menu" class="align-width">
	<div>ACCUEIL</div>
	<div>EQUIPE</div>
	<div>TRAVAUX</div>
	<div>CONTACT</div>
	<div>LIENS</div>
</div>

Code :

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

1
2
3
4
5
6
7
 
#menu div {
   float: left;
   font-weight:bold; 
   text-transform:capitalize;
   text-align: justify;
}

avec les balises <li>, c'est la même chose

Code :

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

1
2
3
4
5
6
7
 
#menu li {
   float: left;
   font-weight:bold; 
   text-transform:capitalize;
   text-align: justify;
}

sachant que ce qui suit devrait plutôt être appliqué a la balise <a>

Code :

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

1
2
3
font-weight:bold; 
   text-transform:capitalize;
   text-align: justify;

[pierrot10]

salut, oui, j'aimerais faire un menu en ligne,
et j'aimerais que mes 5 menu soient reparti sur la largeur du div parrent, comme un texte justifié.

J'avais deja essayé avec text-align:justify, mais ca n'a pas marché