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
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 ?
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 ?
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.
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
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.