Forums : Xul, Xbl, JS...

Aller à la discussion :  Plus récente Plus ancienne

# alignement center dans un hbox

Envoyé par : omic

Date : 05/12/2006 12:42

Bonjour,

Existe-il un moyen d'aligner du contenu centré dans un hbox par CSS ?

Avec un vbox, pas de problème, le code suivant aligne au centre :

<hbox style="text-align: center;width: 400px;">
  <description>blabalbal</description>
</hbox>

Par contre avec un hbox, le contenu reste désespérément à gauche

<hbox style="text-align: center;width: 400px;">
  <description>&requestClient;</description>
</hbox>

Le seul moyen que je vois pour l'instant et de mettre des spacers

<hbox style="text-align: center;width: 400px;">
  <spacer flex="1"/>
  <description>&requestClient;</description>
  <spacer flex="1"/>
</hbox>

Y'aurait-il une autre manière de faire ?

# Re: alignement center dans un hbox

Envoyé par : papy

Date : 06/12/2006 09:46

Pour faire cela il faut normalement utiliser les attributs align (ou pack) j'inverse tout le temps les deux

<hbox align="center">
   ...
</hbox>

Ces deux attributs ont normalement des équivalents CSS, -moz-box-align et -moz-box-pack

# Re: alignement center dans un hbox

Envoyé par : Fabrice

Date : 06/12/2006 10:42

Tu peux également faire comme ça:

<description class="h1">Ton blabla</description>

et dans ta css:

.h1 {text-align:center;}

Fabrice

# Re: alignement center dans un hbox

Envoyé par : omic

Date : 06/12/2006 10:46

Merci papy pour m'avoir aiguillé. Voici 2 manières qui fonctionnent :

1) avec -moz-box-pack

<hbox style="-moz-box-pack: center;">
  ...
</hbox>

2) avec un flex

<hbox style="text-align: center">
  <label value="asdf" flex="1"/>
</hbox>

Malheureusement, il semble que le align="center" ne fonctionne pas comme il devrait. En tout cas, ça n'aligne pas de manière centrée :

<hbox align="center">
  ...
</hbox>

# Re: alignement center dans un hbox

Envoyé par : papy

Date : 06/12/2006 11:25

C'est plutot étonnant ce que tu me dis, je n'ai jamais eu de problème avec pack et align (ou leur équivalent CSS). Tu es sur de ne pas avoir des marges ou des flex qui trainent et qui pourraient déformer le positionnement.

Pour une hbox, align="center" doit centrer verticalement et pack="center" centrer horizontalement

P.S: dans ces cas la je met des styles border à tout les éléments histoire de voir à quoi il ressemble, un peu comme faisait l'attribut debug de la balise window, quand il marchait encore...

# Re: alignement center dans un hbox

Envoyé par : Raphael

Date : 06/12/2006 11:56

je confirme les dires de papy, le align="center" dans un hbox, c'est pour centrer verticalement, je m'en sers beaucoup pour mes formulaires sinon mon label n'est pas aligné avec mon textbox en vertical =)

# Re: alignement center dans un hbox

Envoyé par : omic

Date : 06/12/2006 12:55

Pour une hbox, align="center" doit centrer verticalement et pack="center" centrer horizontalement

Ok, merci, j'avais mal saisi la nuance... verticalement/horizontalement

Il n'est plus possible de poster des messages dans ce forum.


Copyright © 2003-2013 association xulfr, 2013-2016 Laurent Jouanneau - Informations légales.

Mozilla® est une marque déposée de la fondation Mozilla.
Mozilla.org™, Firefox™, Thunderbird™, Mozilla Suite™ et XUL™ sont des marques de la fondation Mozilla.