BooksИспользуем Imageset для создания меню в виде графических кнопок
Сначала рисуем в графическом редакторе картинку с набором необходимых кнопок. Для примера что-то похожее на это:
столбцы - это пункты меню (делаем 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>
Post new comment