Установить фон для меню? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Добрый день,

Вот тестовый сайт: ####################

Подскажите как добавить фоновую картинку для меню?
Когда ее просто прописываю в CSS с помощью "background-image:" меню то получается обрезанная по краям позиции...
(то есть, заливает только позиции модуля, сама картинка шире)...

А в чём проблема? Вам не нравится, что изначально картинка слишком большая для меню. Или, что меню слишком коротко для картинки?
Можно сам блок меню сделать шире, или применить класс с картинкой к другому объекту, к родительскому например, который шире блока меню..

Что то не нахожу Вашего бекграунда.
Список меню обернут 6-ю дивами.
Разберитесь под какой из них подложить картинку.
http://bit.ly/1l9rNMM

Что было понятно, прилагаю скриншоты во вложенном:

1 скрин как нужно
2 скрин то что получилось, и как это исправить

Знаю что-то напутал - не могу разобраться, слабоват в CSS

У вас высота дива задана 100px, а картинка высотой 349px.

Все так, подобрать
http://bit.ly/1Q7TKSc
и опустить меню
http://bit.ly/1Ptous7]http://bit.ly/1Ptous7]http://bit.ly/1Ptous7

Есть ошибочка еще вот тут


Правда не совсем понял где это у тя прописано)

У вас высота дива задана 100px, а картинка высотой 349px.

Если б так легко было бы не спрашивал, извините...
Не поможет - хоть 1000 поставлю а результат один - влево и вверх не подвигается фон... По этому и спрашиваю ответ

Есть ошибочка еще вот тут

Код: css

#sp-slider {
    margin: left: 30%;
}

Правда не совсем понял где это у тя прописано)

Скриншот дай пожалуйста - где вообще это увидел... Это в нем может быть ошибка

Если б так легко было бы не спрашивал, извините...
Не поможет - хоть 1000 поставлю а результат один - влево и вверх не подвигается фон... По этому и спрашиваю ответ

Вроди все двигается
http://bit.ly/1Q82aJk

Вот тестовый сайт: http://workprojects.hol.es/ru/

Ссылка не работает .

Ссылка не работает .

Сейчас заработает 10 минут, бесплатный хостинг - издержки

Все так, подобрать
http://bit.ly/1Q7TKSc
и опустить меню
http://bit.ly/1Ptous7

http://bit.ly/1Q7TKSc
Ставлю как у вас в скриншоте  (прописал в CSS) - нулевой результат... Меню то с ехало - нужно по центру меню, и по центру фона...

Вот и не получаться, не селен в точности настройки CSS
Меню должно по центру - на скрине видно, я ж вылажил

Если я не ошибась, поправте - думаю что нужно отдельным модулем выводить - но это  бред

Ну пак выровняйте отступами ( см. пост выше)
http://bit.ly/1Ptous7

На свежей версии
http://bit.ly/1PtzVA5

На свежей версии
http://bit.ly/1PtzVA5

Спасибо - ОГРОМНОЕ....  С меня ПЛЮС
Это то что мне нужно - дальше сам настрою...

Скриншот дай пожалуйста - где вообще это увидел... Это в нем может быть ошибка

Держи.

На свежей версии
http://bit.ly/1PtzVA5

Все отлично получилось на главной...
Но теперь - то что вы написали и я изменил - теперь как это что б не реагировало на другие страницы?
Вот что получается: http://workprojects.hol.es/ru/relef

На главной у вас класс модуля меню sp-module menurus-g
А на Рельеф sp-module menurus в котором задана ширина 700рх.
Или смените класс, или задайте нужную
http://bit.ly/1JQvItu
;
http://bit.ly/1JQw3w
При этом отступа мешают выстроить меню в линию
http://bit.ly/1JQwgQc
Чтобы это исправить нужно воспользоваться вложенными селекторами
http://htmlbook.ru/css/selector/descendant
т.е. новые отступы будут использоваться только с классом menurus
При этом значение 235px нужно подобрать.
Хотя это все навскидку без детального анализа и оптимизации. Может все проще можно сделать.
Но времени разбираться у меня нет.

На главной у вас класс модуля меню sp-module menurus-g
А на Рельеф sp-module menurus в котором задана ширина 700рх.
Или смените класс, или задайте нужную
http://bit.ly/1JQvItu
;
http://bit.ly/1JQw3w
При этом отступа мешают выстроить меню в линию
http://bit.ly/1JQwgQc
Чтобы это исправить нужно воспользоваться вложенными селекторами
http://htmlbook.ru/css/selector/descendant
т.е. новые отступы будут использоваться только с классом menurus

Код: css

.menurus .sp-module ul {
    list-style: none;
    padding: 100px 235px;
    margin: 0;
}

При этом значение 235px нужно подобрать.
Хотя это все навскидку без детального анализа и оптимизации. Может все проще можно сделать.
Но времени разбираться у меня нет.

И за это огромное спасибо, Вам...
Мне только нужно подсказать где копать, я сам докопаюсь...

Мне главное вот это как правильно прописывается: .menurus .sp-module ul {

Такой селектор  .menurus .sp-module ul изменит размер списка меню только внутри дива с классом menurus.
Что не работает?
Нужно вставить В фпйл *.css и проверить.
Просто скопировать и дописать .

Такой селектор  .menurus .sp-module ul изменит размер списка меню только внутри дива с классом menurus.
Что не работает?
Нужно вставить В фпйл *.css и проверить.
Просто скопировать и дописать .

Вставил в *.css:
.menurus .sp-module ul {
    list-style: none;
    padding: 0px 235px; - (значение временные, после подберу)
    margin: 0;
}

Не реагирует на него, берет данные со строки 1657

Опять мандит ноут, поэтому не вижу. А ширину 700рх исправили? Наипервом скрине показано

Опять мандит ноут, поэтому не вижу. А ширину 700рх исправили? Наипервом скрине показано

Да исправил, безпроблем - это и сам видел...

.menurus .sp-module ul  - почему не реагирует или неправильно написано..
в какую именно в строку вставить - значение имеет или без разницы куда в CSS

все - проблема была в пробеле .menurus .sp-module ul - на .menurus.sp-module ul

Теперь только подобрать и все...
Спасибо большое за консультации...

Досмотрел,
это классы одного дива,
посему я бы попробовал привязать не
.sp-module ul,
а для главной
 .menurus-g ul {
и для остальных
.menurus ul {
 т.е. заменить .sp-module ul

Досмотрел,
это классы одного дива,
посему я бы попробовал привязать не
.sp-module ul,
а для главной
 .menurus-g ul {
и для остальных
.menurus ul {
 т.е. заменить .sp-module ul

Это идея сейчас сделаем, хотя и так пойдет...

Во блин, пропал - переключатель языков с Главной страницы

Все про тормозил:
Забыл добавить:

Не подскажите как подвинуть в право...

То есть при увеличении "Ctrl плюс" меню сдвигаться и  появляется отступ...
Не селен в CSS
Скриншот прилагаю...