2 проблемы с toolbarbutton

AllSeeingI · №1

Здравствуйте все,

1. Есть toolbarbutton:

Код:

<toolbarbutton id="closeButton" class="toolbarbutton-iconic" />

и хочу туда пихнуть иконку 16х16:

Выделить код

Код:

#closeButton
{
	margin: 4px;

	width: 16px;
	height: 16px;

	list-style-image: url("chrome://ext/skin/close.png");
}

Но: во-первых, изображение не покрывает всю кнопку (хотя само изображение - 16х16), а во-вторых - картинка смещена влево (к левому краю кнопки), и хотелось бы её отцентрировать.

2. У меня в тулбаре - несколько кнопок + кнопка "закрыть". Как сделать так, чтобы кнопка "закрыть" была в тулбаре справа, а остальные - слева?

Заранее спасибо!

Shutnik · №2

можно добавить что-нибудь вроде

Выделить код

Код:

border: 0 solid transparent;
-moz-appearance: none;

AllSeeingI · №3

Shutnik - 1я проблема решена, спасибо!

Shutnik · №4

2. У меня в тулбаре - несколько кнопок + кнопка "закрыть". Как сделать так, чтобы кнопка "закрыть" была в тулбаре справа, а остальные - слева?

засунуть между ними что-нибудь с flex=1 ?
например:

Выделить код

Код:

<separator flex="1"/>

Полезная информация

№105-03-2008 22:10:40