Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Comment remplacer "float: middle" ?

2 views
Skip to first unread message

GR

unread,
Apr 18, 2013, 1:29:40 PM4/18/13
to
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

unread,
Apr 18, 2013, 1:54:43 PM4/18/13
to
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

unread,
Apr 18, 2013, 2:30:10 PM4/18/13
to
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

unread,
Apr 19, 2013, 2:19:08 AM4/19/13
to
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

unread,
Apr 24, 2013, 2:11:31 AM4/24/13
to
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


0 new messages