Отправляет email-рассылки с помощью сервиса Sendsay

RFpro.ru: Элементы HTML и CSS

  Все выпуски  

RFpro.ru: Элементы HTML


Хостинг портала RFpro.ru:
Московский хостер
Профессиональный платный хостинг на базе Windows 2008

РАССЫЛКИ ПОРТАЛА RFPRO.RU

Чемпионы рейтинга экспертов в этой рассылке

vladisslav
Статус: 5-й класс
Рейтинг: 1062
∙ повысить рейтинг »
FOXhunter
Статус: Практикант
Рейтинг: 964
∙ повысить рейтинг »
Jimhucksly
Статус: 5-й класс
Рейтинг: 722
∙ повысить рейтинг »

/ КОМПЬЮТЕРЫ И ПО / Программирование / Элементы HTML

Номер выпуска:479
Дата выхода:11.12.2009, 23:30
Администратор рассылки:Калашников О.А., Руководитель
Подписчиков / экспертов:545 / 252
Вопросов / ответов:1 / 2

Вопрос № 174959: Здраствуйте ув. эксперты! В приложении мой файл css последняя строчка .suggestionList li:hover { background-color: #00ff00; } в IE не работает, хотя в лисе всё пучком. Подскажите что и как переделать?...



Вопрос № 174959:

Здраствуйте ув. эксперты!
В приложении мой файл css
последняя строчка
.suggestionList li:hover {
background-color: #00ff00;
}
в IE не работает, хотя в лисе всё пучком. Подскажите что и как переделать?

Отправлен: 06.12.2009, 23:01
Вопрос задал: kotik_2, Посетитель
Всего ответов: 2
Страница вопроса »


Отвечает Прим Палвер, 9-й класс :
Здравствуйте, kotik_2.

В ie6 не работает?
Он вопринимает :hover только в отношении ссылок, поэтому такая беда.
Разработчики выпадающих css-меню давно обошли это ограничение с помощью javascript.


Примерное решение:

<li onmouseover='this.className="ie6hover"' onmouseout='this.className=""'>...

А в css пишем:

.suggestionList li:hover, .suggestionList li.ie6hover {background-color: #00ff00;}

Без разницы, как именно вы назовёте класс .ie6hover
Чаще всего обработчик событий выносят за сам тег <li>, но это уже будет менее наглядно.
-----
Блаженны прыгающие, ибо допрыгаются

Ответ отправил: Прим Палвер, 9-й класс
Ответ отправлен: 06.12.2009, 23:22

Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 257402 на номер 1151 (Россия) | Еще номера »
  • Отправить WebMoney:
  • Вам помогли? Пожалуйста, поблагодарите эксперта за это!
    Отвечает Хан Эрли Валерьевич, 1-й класс :
    Здравствуйте, kotik_2!

    Дело в том, что в IE есть некоторые глюки при работе с псевдоклассами. Если Вам нужна подсветка пунктов для создания меню, то тогда лучше внуть элемента <li> вложить элемент <a>, и уже ему задать псевдокласс.
    Более подробно можно прочитать здесь:
    http://www.webmascon.com/topics/oding/42a.asp
    http://alex.kotomanov.com/2009/04/21/jquery_simple_drop_down_menu_and_ie_select_overlap_bug/

    Также если Вам требуется создать меню, очень рекомендую Free CSS Drop-Down Menu Framework: http://lwis.net/free-css-drop-down-menu/

    Удачи!

    Ответ отправил: Хан Эрли Валерьевич, 1-й класс
    Ответ отправлен: 07.12.2009, 00:28

    Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 257405 на номер 1151 (Россия) | Еще номера »
  • Отправить WebMoney:
  • Вам помогли? Пожалуйста, поблагодарите эксперта за это!


    Оценить выпуск »
    Нам очень важно Ваше мнение об этом выпуске рассылки!

    Задать вопрос экспертам этой рассылки »

    Скажите "спасибо" эксперту, который помог Вам!

    Отправьте СМС-сообщение с тестом #thank НОМЕР_ОТВЕТА
    на короткий номер 1151 (Россия)

    Номер ответа и конкретный текст СМС указан внизу каждого ответа.

    Полный список номеров »

    * Стоимость одного СМС-сообщения от 7.15 руб. и зависит от оператора сотовой связи. (полный список тарифов)
    ** При ошибочном вводе номера ответа или текста #thank услуга считается оказанной, денежные средства не возвращаются.
    *** Сумма выплаты эксперту-автору ответа расчитывается из суммы перечислений на портал от биллинговой компании.


    © 2001-2009, Портал RFpro.ru, Россия
    Авторское право: ООО "Мастер-Эксперт Про"
    Автор: Калашников О.А. | Программирование: Гладенюк А.Г.
    Хостинг: Компания "Московский хостер"
    Версия системы: 2009.6.12 от 30.11.2009

    В избранное