>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Разработка
   http://forum.mozilla-russia.org/viewforum.php?id=18
>Размер изображения
   http://forum.mozilla-russia.org/viewtopic.php?id=7930

TLemur > 28-01-2006 08:20:39

Дано:
Меню такого вида:

Выделить код

Код:

<menu id="ext_options" 
label="Menu with image"
class="menuitem-iconic menu-iconic"
style="list-style-image:url('chrome://...');"
>

Иконка, которая в lidt-style-image, не всегда 16x16. Может быть и 32x32. Размер иконки предугадать невозможно, т.к. меню генерируется динамически, с помощью JavaScript.
Требуется: с помощью CSS или еще чего-нибудь сделать так, чтобы иконка всегда была 16x16.

Anton > 28-01-2006 10:38:55

Пусть у ваших menu или menuitem есть третий класс, anyclass. тогда

Выделить код

Код:

.anyclass>hbox.menu-iconic-left>image { width: 16px; height: 16px; }

или у них id="anyid":

Выделить код

Код:

#anyid>hbox.menu-iconic-left>image { width: 16px; height: 16px; }
TLemur > 28-01-2006 13:51:47

Anton

Ура, заработало!!! +1
Не подскажите ли, где можно прочитать, откуда взялся такой странный код:

>hbox

А в XulTut такого нету

Anton > 28-01-2006 13:56:24

Проще всего это можно узнать с помощью DOM Inspector. Или, что сложнее, посмотреть в bindings стандартных элементов.