ankoch

Для того, чтобы менялись боковые картинки пишешь в css вместо этого (например) a span.seredina: условия для пункта без наведения вот это a:hover span.seredina: условия для пункта с наведением и так соответственно для крайних спанов (с классами leviy, praviy). Как это реализовать пошагово смотрите по ссылке во 2-м посте.

MiHALbI4 я недавно так делал: - обернул текст ссылки спаном <span class="ssilka">Текст ссылки<span> - добавил спаны до и после этой конструкции, в результате ссылка стала выглядеть так <a href="/ssilka-kuda-nado"> <span class="leviy"></span><span class="seredina">Текст ссылки</span><span class="praviy"></span> </a> - после этого задал фоны для каждого класса соответственно (левому левый и т.д. =) ). Это всё делается внутри li. - всё - растягивается как нужно с фоном Если не требуется задавать каких-то градиентов, как сейчас в примере, то достаточно заложить только один спан (до или после ссылки) и задать фон для <a> и для добавленного спана. Можно сделать как на этом сайте (см. верхнее меню htmlbook.ru). Для дива, в который обёрнута ссылка назначена длинная картинка (заранее длиннее самого длинного пункта меню) и расположена слева, а для спана назначена правая картинка. Посмотрите сами Firebug 'ом. P.S. А скрипты тут конечно не нужны.

Это потому что картинка у вас лежит в папки "images" относительно корня сайта и корректный адрес к ней именно такой "images/sq1.jpg", а если добавить к адресу "../", то браузер будет искать её относительно таблицы стилей.

Ребят, всем большое спасибо за участие и дельные советы! В общем покрутил, повертел и выкинул нафиг я всю эту глючную ерунду, которая у меня получилась, так и не поняв, чего там было не так как нужно. Сверстал заново и всё ОК. Оффтоп. Создателям сайта и тем, кто его поддерживает большое спасибо, очень дельный и полезный ресурс, лично я часто даю ссылки на него, да и сам частенько заглядываю посмотреть какое нибудь свойство

Спасибо всем за предложенные варианты решения проблемы. В общем чего-то я там начудил. Попробую отладить на локалке, если не получится, то снова загляну за помощью, только теперь со ссылкой. Vlad попробовал тот способ - проставил float:left; и clear:both; для ul#vmenu.menu и .moduletablevmenu h3 - не помогло, наверное потому, что в той ситуации для дивов был замечен баг, а у меня h3 и ul. rus дело в том, что я для "а" вообще не задаю margin, а задаю для h3 (пробовал наоборот - задавать отступ для ul, а не для h3 - тот же результат). Сейчас заметил интересную бяку - когда верхний отступ пропадает и после этого я навожу курсор на другие модули, размещённые под вертикальным меню, то в них то же пропадает этот самый отступ между заголовком и содержимым.

psywalker, спасибо что откликнулся, к сожалению сайт на локалке, поэтому ссылки в сети нет. Сейчас на рабочей копии сайта, которая в сети другой шаблон (речь идёт о Joomla), а этот шаблон готовлю ему на смену. Подозреваю, что что-то сделал не по стандарту, а вот что понять не могу.

Подскажите пожалуйста как исправить ситуацию. Есть проблема с отображением левой колонки (меню) на сайте именно в ie8 (в opera, ff, GChr и даже ie6, ie7 - все нормально). При наведении курсора на любой из пунктов меню всё меню смещается вверх, несмотря на заданный для него margin (ul#vmenu.menu{margin: 5px 0 10px;}), то есть исчезает пробел, показанный на картинке. Прилагаю скрин HTML: CSS:

Уже поменял обратно , поскольку в "нормальных" браузерах фон кнопки вылез вверх, а в древней опере, всё осталось по прежнему. ПРОБЛЕМА ОСТАЛАСЬ НЕРЕШЁННОЙ.

Замена z-index: -1 на z-index: 0 и на z-index: 10 не помогла

Всё обновляется, только всё же есть такие пользователи, которые не обновляют браузеры. Вопрос по существу: как исправить ситуацию? Размышления по поводу необходимости обновления браузера уже были (я тоже считаю, что нужно пользоваться современными браузерами ).

Страница

Я с Вами полностью согласен, однако о данной проблеме мне написал один из посетителей моего сайта. Как им всем объяснить, что не нужно тупо устанавливать скриптами из ZverCD Opera 9.2, а скачать нормальную обновлённую версию? А их таких наверное много... Должно же быть решение, кнопки на других сайтах она же (Opera 9.2) видит!

Такая вот проблема. В нормальных современных браузерах все отображается корректно, все кнопки видны (смотреть можно здесь). А в Opera 9.2 отображается только текст на кнопке, а он белый и сливается с фоном (смотреть можно здесь). Как решить проблему? Код css кнопок прилагаю:

Это точно не для этого, в этом шаблоне нет никаких настроек. Я просто сомневаюсь в работоспособности данной строки. По моему это просто глюк Артистиира, или я ошибаюсь?

Ну а в этом варианте исполнения эта строка может быть работоспособна в принципе?