Comment remplacer "float: middle" ?

[GR]

Bonjour,

Par quoi remplacer {float: middle;} qui manque affreusement dans les CSS ?

Je voudrais aligner 3 boutons sur une même ligne. Un à gauche {float:
left;}, un à droite {float: right;} OK. Mais pour celui du milieu ?

J'ai essayé {float: left; left-margin: 30%;} c'est bon en affichage
1024x768 mais si je change l'affichage, plus de centrage ?

Il doit bien avoir une solution simple ?

Merci pour votre aide.

--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cinéma : http://www.grenault.net/homecine.htm

[Otomatic]

GR <con...@guy-renault.com> écrivait :

> Je voudrais aligner 3 boutons sur une même ligne. Un à gauche {float:
> left;}, un à droite {float: right;} OK. Mais pour celui du milieu ?

À afficher en dernier, avec {margin-left:auto;margin-right:auto}
Pourquoi en dernier ?
Parce que si on fait d'abord gauche, puis milieu, il va s'afficher au
milieu de la place restante.
--
Ce n'est pas parce qu'ils sont nombreux à avoir tort
qu'ils ont forcément raison. Coluche

[GR]

Le 18/04/2013 19:54, Otomatic a écrit :
> GR <con...@guy-renault.com> écrivait :
>
>> Je voudrais aligner 3 boutons sur une même ligne. Un à gauche {float:
>> left;}, un à droite {float: right;} OK. Mais pour celui du milieu ?
> À afficher en dernier, avec {margin-left:auto;margin-right:auto}
> Pourquoi en dernier ?
> Parce que si on fait d'abord gauche, puis milieu, il va s'afficher au
> milieu de la place restante.
>

Oui, ça marche !!!!

Superbe, merci pour le truc !

[Pierre Maurette]

GR :

> Bonjour,
>
> Par quoi remplacer {float: middle;} qui manque affreusement dans les CSS ?
>
> Je voudrais aligner 3 boutons sur une même ligne. Un à gauche {float: left;},
> un à droite {float: right;} OK. Mais pour celui du milieu ?
>
> J'ai essayé {float: left; left-margin: 30%;} c'est bon en affichage 1024x768
> mais si je change l'affichage, plus de centrage ?
>
> Il doit bien avoir une solution simple ?

HTML:
<div class="navBar">
<span class="navL">blah gauche</span>
<span class="navC">blah centre</span>
<span class="navR">blah droite</span>
</div>

CSS:
.navBar { text-align: center;/*etc.*/}
.navL {float: left;/*etc.*/}
.navR {float: right;/*etc.*/}

J'étais sur ce sujet hier. Là, c'est le plus simple. Ça roule dans le
cas général, les contenus peuvent être aussi bien du texte que des
images. On se fiche de l'ordre des span dans le HTML. On peut préciser
.navC {float: none;}.

--
Pierre Maurette

[Stéphane Santon]

Bonjour,

Quelques compléments :
http://blog.html.it/layoutgala/

GR a écrit :

> Par quoi remplacer {float: middle;} qui manque affreusement dans les CSS ?

--
Stéphane

Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !

BTS Electrotechnique *** http://enselec.santonum.eu