Répartir régulièrement sur une ligne

En fait, j'ai une barre de menu horizontale dans laquelle j'ai plusieurs titre
je voudrais que ça répartisse les titres en gros à la même distance les uns des autres.
C'est un peu comme du texte justifié à la différence qu'il y aurait de l'espace avant le premier et après le dernier titre.

pour l'instant j'ai ça :

.menu {
 float: left;
 height: 16;
 border-width: 1px;
 border-style: solid;
 width: 75%;
}
 
.menu a {
 margin-left: 95;
}

Le 95 étant la distance entre un titre et le suivant :
c'est un problème parce que c'est en dur alors que
j'aimerais que ce soit fait automatiquement pour le cas des gens qui n'auraient pas la même résolution que moi...

c'est possible ?

bonjour,

deja, margin-left:95; ne veut rien dire si tu ne precise pas l'unité ( px par ex)

ensuite, si tu veux que cela s'adapte aux differentes resolutions, il te faut travailler avec des distances et des tailles de polices en em ou en %

merci, c'est en effet légèrement mieux avec des em ou des %
(j'ai également rajouté px partout sur ma feuille CSS, merci du conseil)
mais ce n'est toujours pas centré dans la barre des menus

est-ce vraiment possible ?

peut etre faut il rajouter dans ton .menu un petit text-align: center;
Modifié par Philippe (25 Feb 2006 - 16:13)

oups, oui chui bête

mais il reste un petit problème :
le "margin-left: 16%" s'applique avant le premier titre mais pas après le dernier
du coup, ça n'est pas centré, parce que le décalage avant le premier titre pousse tout les titres vers la droite
(je sais pas si je m'exprime clairement )

est-ce qu'il y a un moyen pour que le margin-left ne s'applique pas au premier élément ?

tu n'aurais pas un url a nous donner pour voir ça en direct?

c'est seulement en local pour l'instant,
mais j'ai fait une impression d'écran :

http://carcreff.free.fr/images/menu-pb-center.png

on voit que l'espace avant le premier titre est plus grand que celui après le dernier (parce qu'il y a un espacement de 16% avant ce premier titre)

ben...... tu n'aurais pas laissé ton margin-left: 95px; par hazard ?

non non, je l'ai remplacé par "margin-left: 16%"
mais le problème est un peu le même
Modifié par Dakarr (25 Feb 2006 - 16:43)

donc en gros, voilà comment je vois le problème :

http://carcreff.free.fr/images/menu-pb-16pc.png

je cherche une manière de supprimer le premier 16%

dans ce cas la, tu peux eventuellement applique un class particuliere au premier en enlevant cette marge en la mettant en negatif

un truc du style

.first{
margin-left: -16%;
}

dans ce cas là,
il me crée une autre barre de menu pour le premier

décidemment, c'est un vrai casse-tête ce problème !!

<p>
	<a href="#">mon lien</a>
	<a href="#">mon lien</a>
	<a href="#">mon lien</a>
	<a href="#">mon lien</a>
</p>

et

p {margin: 0 16%; text-align: justify;}
p a {margin: 0 10%;}

Donnerait quoi ?

Edit : mouais non, vu que c'est sur une seule ligne ça ne passe pas.
Seul le text-align center passe, mais un justifié non. On peut donc centrer les liens, et les espacer avec une marge, mais pas plus.
Modifié par mpop (25 Feb 2006 - 19:45)