Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Comment remplacer "float: middle" ?

4 réponses
Avatar
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

4 réponses

Avatar
Otomatic
GR é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
Avatar
GR
Le 18/04/2013 19:54, Otomatic a écrit :
GR é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 !
--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cinéma : http://www.grenault.net/homecine.htm
Avatar
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
Avatar
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