Discussion :

[pierrot10]

Bonjour,

Inutile de vous dire que j'ai fais des recherche avant de venir vous voir.

J'ai un menu fais avec un <ul> et des <li>. Ce menu se trouve dans un bloque de 670px de large. Mon menu a 5 éléments.

Code :

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

1
2
3
4
5
6
7
<ul>
<li>menu 1</li>
<li>menu 2</li>
<li>menu 3</li>
<li>menu 4</li>
<li>menu 5</li>
</ul>

J'arrive très bien mes mes <li> en ligne mais ce que je n'arrive pas faire, c'est mettre mes <li> en mode justifié.

Il faudrait que le "m" de menu 1 soit collé au bord de gauche et que le "5" de mon menu 5 soit callé sur le bord droit de mon bloque de 670px. Evidemment, les menus 1 à 5 doit avoir un espace identique entre eux.

Comment rendre tout ceci en mode justifié dans le <ul>, avec le CSS?

[HiRoN]

Salut,

As-tu essayé :
- De mettre le texte en justifié sur le ul
- D'appliquer sur le li un "text-align left" (pour mettre "menu" sur la gauche")
- De mettre dans un <span> le n° du Menu auquel tu appliques un padding-left (pour le mettre sur le bord droit)

?

Ce n'est qu'une piste de réflexion (peut-être pas la solution)...

[pierrot10]

Salut,
Oui j'ai essayé ceci, sauf le span. C'est un CMS qui me génère mon menu.
Donc je ne peux pas mettre de span dans un li ...

[HiRoN]

Salut,
Oui j'ai essayé ceci, sauf le span. C'est un CMS qui me génère mon menu.
Donc je ne peux pas mettre de span dans un li ...

Si tu ne peux pas toucher au HTML...
Donc sauf réussir à appliquer un text-align:justify sur ta balise ul ou li, je ne vois pas vraiment...

[devyan]

Je ne vois pas de solution à ce problème...

En effet, la "justification" ne se fait pas sur la dernière ligne de texte (qui est ici la première et seule ligne)

A moins éventuellement en insérant un saut de ligne (<br/>).

[Handy]

Salut,
Oui j'ai essayé ceci, sauf le span. C'est un CMS qui me génère mon menu.
Donc je ne peux pas mettre de span dans un li ...

Réponse saugrenue :

Et avec "letter-spacing:3px" ?

Ou alors avec "word-spacing:50px" ?

Je sais, ce n'est pas catholique, mais si tes liens ont le même nombre de caractères ou de mots (fort peu probable) cela peut te dépanner...

Pourrais-tu trouver le fichier source (.php, .asp, .tpl, etc...) et ainsi modifier le code à la mano pour rajouter ce qu'il faut, là où il faut ?

Sur quel CMS travailles-tu ?



Handy