Forums : Xul, Xbl, JS...

Aller à la discussion :  Plus récente Plus ancienne

# [Résolu] Probleme d'affichage

Envoyé par : cokinou

Date : 26/12/2007 09:55

Bonjour,

J'ai un petit problème dans l'affichage d'une de mes page xul.

Mon problème, j'ai une boite (box) dans laquelle j'ai plein d'autres box de taille fixe :

  <box id="tutu">
     <box style="background-color:red;width:100px;height:100px;">1</box>
     <box style="background-color:blue;width:100px;height:100px;">2</box>
     <box style="background-color:green;width:100px;height:100px;">3</box>
     <box style="background-color:black;width:100px;height:100px;">4</box>
     <box style="background-color:white;width:100px;height:100px;">5</box>
     <box style="background-color:yellow;width:100px;height:100px;">6</box>
     <box style="background-color:grey;width:100px;height:100px;">7</box>
     <box style="background-color:maroon;width:100px;height:100px;">8</box>
     <box style="background-color:olive;width:100px;height:100px;">9</box>
     <box style="background-color:teal;width:100px;height:100px;">10</box>
     <box style="background-color:silver;width:100px;height:100px;">11</box>
     <box style="background-color:navy;width:100px;height:100px;">12</box>
     <box style="background-color:purple;width:100px;height:100px;">13</box>
     <box style="background-color:lime;width:100px;height:100px;">14</box>
     <box style="background-color:fuchsia;width:100px;height:100px;">15</box>
     <box style="background-color:aqua;width:100px;height:100px;">16</box>
  </box>

J'aimerai que les boites intérieures soient disposés comme de l'écriture, à savoir de gauche à droite et lorsqu'on atteint le bord de la page, on passe à la ligne suivante....

En clair, dans mon exemple j'aimerai que si la box tutu fait 500px de large, j'affiche :
1 2 3 4 5
6 7 8 9 10
11 12 13 14 15
16

Quelqu'un peut me dire comment faire ?

Merci d'avance

# Re: Probleme d'affichage

Envoyé par : Paul Rouget

Date : 27/12/2007 14:27

Il ne serait pas plus intelligent et plus simple de faire cette partie de ton UI en html ?

# Re: Probleme d'affichage

Envoyé par : cokinou

Date : 28/12/2007 18:19

En fait, cet exemple simpliste est juste pour expliquer mon problème, car dans mon vrai code c'est un peu plus complexe.... et malheureusement je ne peux utiliser de HTML à cette endroit :-(

Mais normalement en mettant certaines propriété CSS je dois bien arriver à reproduire les style HTML pour du UL non ? Je suppose que c'est possible mais j'ai beau tester tout ce qui me vient en tête, rien ne marche :-(

D'autres idées ?

# Re: Probleme d'affichage

Envoyé par : thefab

Date : 08/01/2008 00:41

J'ai essayé la même chose sans succès. Les boites sont uniquement horizontales ou verticales apparemment ? J'ai donc utilisé des divs avec un style float: left, mais si tu ne peux pas utiliser de HTML alors aucune idée.

# Re: Probleme d'affichage

Envoyé par : cokinou

Date : 08/01/2008 13:49

thefab a écrit:

J'ai essayé la même chose sans succès. Les boites
sont uniquement horizontales ou verticales
apparemment ? J'ai donc utilisé des divs avec un
style float: left, mais si tu ne peux pas utiliser
de HTML alors aucune idée.

C'est en gros ce que je voulais faire... je vais voir comment je peux me débrouiller alors.... je vais bidouiller pour ajouter du html je pense :-)

Je pensais pas que certains trucs était bloquant en Xul et qu'il faudrait passer par du html :-(

Merci de ton aide

# Re: Probleme d'affichage

Envoyé par : cokinou

Date : 17/01/2008 11:59

thefab a écrit:

J'ai essayé la même chose sans succès. Les boites
sont uniquement horizontales ou verticales
apparemment ? J'ai donc utilisé des divs avec un
style float: left, mais si tu ne peux pas utiliser
de HTML alors aucune idée.

Finalement, j'ai pris ton idée et j'ai du bidouillé un peu pour pourvoir mettre du html....

Je pensais qu'on pouvais faire l'équivalent du html avec que du xul, mais apparemment non :-(

En tout cas, grand merci à toi pour l'aide

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.