Jump to content

divinorum

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by divinorum

  1. Я имел в виду это: ul.menu li { ... display: inline; color: #437896; } ul.menu li a { color: #437896; text-decoration: none; } ul.menu li a b { color: #437896; } ul.menu li a:hover b { color: #fff; } ul.menu li b { color: #fff; } С этим кодом в статичном варианте сайта - работает во всех 3х браузерах. Там все намного проще, тегом b оборачивается первая буква ссылки.
  2. Да, это я тоже пробовал. Но проблема в том, что это не нравится человеку, который попросил меня сделать ему такое меню)) Ему нужно именно(!), чтобы первая буква меняла цвет при наведении. В принципе есть альтернатива. Немного переписать код с заменой тега span на b, но это сработает только в статичном html сайте. И display: block там вроде бы как не нужен. На джумле не прокатит) А нужно как раз на джумле.
  3. Хорошо. Почему же тогда в двух других браузерах этот силь срабатывает?
  4. Всем привет! кусок кода html <div id="hor-navi" class="moduletablemenu"> <ul> <li> <a href="Здесь ссылка"><span>Главная</span></a> </li> </ul> </div> и кусок кода css .moduletablemenu { margin-top: -20px; text-align: top; background: url('../images/menu.png') bottom left no-repeat; } .moduletablemenu ul { list-style:none; margin-left: 30px; } .moduletablemenu li { float: left; height: 24px; font: 17px Arial; padding-left: 28px; text-decoration: none; } .moduletablemenu li a span { cursor: pointer; display: block; color: #437896; } .moduletablemenu li.active span { color: #fff; } .moduletablemenu li a:hover span { color: #437896; } .moduletablemenu li a:hover span:first-letter { color: #fff; } Эффект: все не активные ссылки имеют цвет 437896, на hover меняется цвет первой буквы с 437896 на fff, то есть на белый. после нажатия на ссылку, весь текст принимает белый цвет. Работает в IE и Opera, а вот в мозиле ховер не срабатывает. Может кт знает, почему так происходит?
  5. Всем привет! Ребят, у меня похожая ситуация с мозилой. вот кусок кода html <div id="hor-navi" class="moduletablemenu"> <ul> <li> <a href="Здесь ссылка"><span>Главная</span></a> </li> </ul> </div> и кусок кода css .moduletablemenu { margin-top: -20px; text-align: top; background: url('../images/menu.png') bottom left no-repeat; } .moduletablemenu ul { list-style:none; margin-left: 30px; } .moduletablemenu li { float: left; height: 24px; font: 17px Arial; padding-left: 28px; text-decoration: none; } .moduletablemenu li a span { cursor: pointer; display: block; color: #437896; } .moduletablemenu li.active span { color: #fff; } .moduletablemenu li a:hover span { color: #437896; } .moduletablemenu li a:hover span:first-letter { color: #fff; } Эффект: все не активные ссылки имеют цвет 437896, на hover меняется цвет первой буквы с 437896 на fff, то есть на белый. после нажатия на ссылку, весь текст принимает белый цвет. Работает в IE и Opera, а вот в мозиле ховер не срабатывает. Может кто знает, почему так происходит?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy