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 кнопок прилагаю:

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

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

Сайт Joomla, шаблон создал сначала в Atisteer, потом напильником дорабатывал, а теперь валидатор css выдаёт вот такую ошибку "Ошибка значения : color Ошибка разбора : {TextColor} ". А если полный кусок кода взять, то вот он .atr-postcontent { font-size: 12px; text-align: left; color: {TextColor}; padding-bottom: 10px; } Главное то, что я то такого точно не писал. Это Артистиир чего-то придумал. Подскажите это он для чего-то нужного сделал? Ведь запаковывать два раза в такие кавычки "{}" нельзя? То есть возможно это глюк программы и можно просто это убрать, а может быть нет?

Дело в том, что в этом шаблоне вывод верхнего меню осуществляется средствами именно самого шаблона. Стиль то я могу подправить, но здесь видимо дело в каких-то переменных, которым нужно разрешить большее количество вложенностей, только как это сделать я пока не знаю. Может подскажите как это сделать? Я конечно понимаю, что вопрос к вёрстке не относится, однако здесь собираются специалисты, поэтому и решил задать вопрос (прошу прощения за словоблудие ).

Дело в том, что этот модуль встроен в шаблон Joomla, а шаблон очень нравится, хотелось бы его оставить . Может получится поправить ситуацию? Ведь при малой вложенности меню всё работает чётко.

Есть сайт на Joomla, при попытке вложить в двухуровневое (при наведении на пункт, вложенные пункты отображаются второй строкой) меню больше 10-ти пунктов, выдаётся ошибка: Warning: array_reverse() [function.array-reverse]: The argument should be an array in сайт\templates\шаблон\menu.class.php on line 54 Warning: implode() [function.implode]: Invalid arguments passed in сайт\templates\шаблон\menu.class.php on line 54 Вот кусок кода, на который он указывает, слова "СТРОКА-54" это я сейчас написал: function endMenu($startlevel=0, $endlevel = 10){ echo "</div>"; if(!$startlevel) { echo " <script type=\"text/javascript\"> СТРОКА-54 var sdl_activemenu = new Array(". ( (count($this->open) == 1)? "\"".$this->open[0]."\"" : implode(",", array_reverse($this->open)) )."); </script> "; } В настройках модуля меню указывал большое количество вложенных пунктов, ничего не помогает. Что ему нужно подскажите пожалуйста.

Есть сайт на Joomla, хочется создать новую позицию модуля (знаю как) и разместить её вверху справа относительно центральной части страницы. Сайт содержит центральную часть фиксированной ширины и шапку на всю ширину. Так вот новый модуль нужно разместить в шапке. Хочется поместить туда иконки "Добавить в избранное", "Карта сайта" и "Контакты".

Чего нарисовать то?

Есть вот такая заявка http://www.rostovpatent.ru/index.php/onlinez/onlz на основе ckform, хочется её преобразовать таким образом, чтобы текстовые блоки располагались над блоками для ввода данных (каждый над своим), а все вместе блоки (и текстовые и для ввода данных) выравнивались по левому краю. В настройках программы такую возможность не нашёл. Рыл CSS, сам не справился. Подскажите пожалуйста как можно это сделать? (скорее всего это не сложно, но мне пока неведомо ). Вот код файла, если поможет.