divinorum

Я имел в виду это: 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 оборачивается первая буква ссылки.

Да, это я тоже пробовал. Но проблема в том, что это не нравится человеку, который попросил меня сделать ему такое меню)) Ему нужно именно(!), чтобы первая буква меняла цвет при наведении. В принципе есть альтернатива. Немного переписать код с заменой тега span на b, но это сработает только в статичном html сайте. И display: block там вроде бы как не нужен. На джумле не прокатит) А нужно как раз на джумле.

Спасибо.

Хорошо. Почему же тогда в двух других браузерах этот силь срабатывает?

Всем привет! кусок кода 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, а вот в мозиле ховер не срабатывает. Может кт знает, почему так происходит?

Всем привет! Ребят, у меня похожая ситуация с мозилой. вот кусок кода 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, а вот в мозиле ховер не срабатывает. Может кто знает, почему так происходит?