Forums : Xul, Xbl, JS...

Aller à la discussion : Plus récente Plus ancienne

# styler un bouton

Envoyé par : Utilisateur anonyme

Date : 01/03/2006 13:00

Dans un CSS, les proprietes width et height ne semblent pas pris en compte

#bt_haut{
 -moz-appearance:none;
  min-width:0;
  width:15px;
  height:15px;
  list-style-image: url("images/haut.png");
}

Et dans le fichier Xul

<vbox>
  <button id="bt_haut" label="" oncommand="move_haut();"   />
</vbox>

Le but est d'afficher un bouton Xul graphique (sans texte) qui a la dimension exact de l'image (ici 15px X 15px).

En fixant le min-width j'arrive à diminuer la taille mais pas complètement.

Une piste ? merci

# Re: styler un bouton

Envoyé par : laurentj

Date : 01/03/2006 13:37

margin, padding, tout ça... ;-)

# Re: styler un bouton

Envoyé par : laurentj

Date : 01/03/2006 13:39

pas oublier non plus que button est un xbl, contient donc en fait des élements xul de base (label, image) et que ces elements ont eux aussi une taille, des marges etc..

# Re: styler un bouton

Envoyé par : Utilisateur anonyme

Date : 01/03/2006 14:00

Bonjour Laurent

J'ai déjà tenté de modifier la propriete margin du bouton mais elle affecte le conteneur (vbox) le bouton gardant sa taille, cela ne créé pas une contrainte suffisante pour le bouton. A moins que je doive intervenir sur une propriété du conteneur

Dans le cas du bouton, le padding n'a pas d'effet.

dans le cas du xbl, je peux atteindre certains éléments de base.

#bt_haut image{
 width:10px;
 list-style-image: url("images/bas.png");
}

Mais cela n'intervient pas sur la taille du bouton.

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