Bonjour,
Voici une petite problematique que je n'arrive pas a resoudre.
J'ai une liste alignee horizontalement.
Cette liste est inclue dans une div a width 100%.
Au resize de la fenetre (necessite un ecran de plus de 1024px) l'espace entre les items du menu augmente automatiquement.
Le menu en question est ici, c'est le menu principal avec "Home", "Collect", ...
http://beautifulcrime.com
Comment puis-je avoir un espacement egal entre chacun des elements ?
Pour le moment j'ai une taille en % pour chacun des LI.
=> cette solution donne un espacement egal entre les LI, mais comme la taille des textes dans les LI est de largeur differente, visuellement on voit que l'espacement enntre les textes n'est pas le meme partout : et ca c'est pas bon.
Je n'arrive pas non plus a avoir une margin-right automatique qui augmente lors du rexise de la fenetre en faisant ca :
Quelle est la solution ?
Modifié par fatyann (03 Nov 2008 - 12:40)
Voici une petite problematique que je n'arrive pas a resoudre.
J'ai une liste alignee horizontalement.
Cette liste est inclue dans une div a width 100%.
Au resize de la fenetre (necessite un ecran de plus de 1024px) l'espace entre les items du menu augmente automatiquement.
Le menu en question est ici, c'est le menu principal avec "Home", "Collect", ...
http://beautifulcrime.com
Comment puis-je avoir un espacement egal entre chacun des elements ?
Pour le moment j'ai une taille en % pour chacun des LI.
li {
width:18%;
}=> cette solution donne un espacement egal entre les LI, mais comme la taille des textes dans les LI est de largeur differente, visuellement on voit que l'espacement enntre les textes n'est pas le meme partout : et ca c'est pas bon.
Je n'arrive pas non plus a avoir une margin-right automatique qui augmente lors du rexise de la fenetre en faisant ca :
li {
width:auto;
margin-right:auto;
}Quelle est la solution ?
Modifié par fatyann (03 Nov 2008 - 12:40)
