Используем Imageset для создания меню в виде графических кнопок

Сначала рисуем в графическом редакторе картинку с набором необходимых кнопок. Для примера что-то похожее на это:

buttons-result.png

столбцы - это пункты меню (делаем 3 пункта меню)
строки - это вид кнопки в зависимости от событий (1 - по умолчанию, 2 - событие :hover (наведение мышкой), 3 - событие :active (клик мышкой), 4 - активная кнопка)
видимый размер области для кнопки 137x26

создаем новый imageset (/admin/settings/imageset/imagesets)
Имя: buttons
Размер: 137x26
Ориентация: горизонтальная
Прицепляем картинку

Далее определяем поведение (селекторы для CSS) (admin/settings/imageset/selectors)

1 - по умолчанию
CSS selector: <пустая строка> Вес: 0 Imageset: buttons Вариант: 1

2 - событие :hover
CSS selector: a:hover Вес: 1 Imageset: buttons Вариант: 2

3 - событие :active
CSS selector: a:active Вес: 2 Imageset: buttons Вариант: 3

4 - активная кнопка
CSS selector: a.active Вес: 3 Imageset: buttons Вариант: 4

И последний шаг в меню (admin/build/menu) задать нужным пунктам необходимую картинку
Imageset: buttons
Индекс: 1, 2 или 3
Тип: Button

Особенности для IE5.5-6:

Так как он по умолчанию не поддерживает прозрачность для alpha-канала в png картинках
применяется фикс частично устраняющий эту проблему для IE (включить можно галкой "FixPng" в свойствах Imageset'а ).

Сделал кнопки

Сделал кнопки как Вы всё описали, во всех браузерах, кроме ie6, всё хорошо. В проклятом ie6 при наведение на активную (a.active) кнопку она подменяется состоянием :hover. Как этого избежать?

Посмотрел вес селекторов в imageset'ах - всё как в вашем мануале (1-2-3). Кнопки на вашем сайте в ie6 отображаются как надо.

что может быть у меня не так (кроме кривых рук:))? буду благодарен

попробуйте для

попробуйте для 4 -го состояния указать CSS-селектор
a.active <is>,a.active:hover <is>