определить высоту изображения в расширении xul

Question

Мое расширение - это наложение, в котором есть несколько изображений внутри панели инструментов. Мне нужно отображать эти изображения маленькими (около 15 пикселей), но они всегда отображаются на одной и той же высоте панели инструментов. Я уже пытался определить высоту и maxHeight изображения и hbox, где они находятся, но это не работает.

вот кусок кода:

...

<toolbox id="navigator-toolbox">
    <toolbar id="my-toolbar">
        <label>images:</label>
        <hbox id="rsour_inputRating">
            <image id="rsour_1" />
            <image id="rsour_2" />
            <image id="rsour_3" />
            <image id="rsour_4" />
            <image id="rsour_5" />
        </hbox>
    <toolbarseparator />

...

Answer 1

Правильный способ - использовать -moz-box-align в CSS или выровнять атрибут в xul, чтобы изображение не растягивалось по вертикали:

#rsour_inputRating{
  -moz-box-align:center;
}

#rsour_inputRating img{
  list-style-image : url("chrome://...");
  width:20px;
  height:15px;
}

Answer 2

В верхней части файла добавьте:

<?xml-stylesheet href="chrome://your_ext_name/content/cssFile.css" type="text/css"?>

Затем в файле CSS:

#rsour_inputRating img  {height:15px;}