Установить фон для меню?

  • 30 Ответов
  • 692 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Установить фон для меню?
« : 14.01.2016, 11:12:37 »
Добрый день,

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

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


« Последнее редактирование: 17.01.2016, 15:56:48 от warlocksp »
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

JaneFaint

  • Осваиваюсь на форуме
  • ***
  • 121
  • 3
Re: Установить фон для меню?
« Ответ #1 : 14.01.2016, 16:15:11 »
А в чём проблема? Вам не нравится, что изначально картинка слишком большая для меню. Или, что меню слишком коротко для картинки?
Можно сам блок меню сделать шире, или применить класс с картинкой к другому объекту, к родительскому например, который шире блока меню..

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #2 : 14.01.2016, 16:38:19 »
Что то не нахожу Вашего бекграунда.
Список меню обернут 6-ю дивами.
Разберитесь под какой из них подложить картинку.
http://bit.ly/1l9rNMM

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #3 : 14.01.2016, 18:04:24 »
Что было понятно, прилагаю скриншоты во вложенном:

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

Знаю что-то напутал - не могу разобраться, слабоват в CSS
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

JaneFaint

  • Осваиваюсь на форуме
  • ***
  • 121
  • 3
Re: Установить фон для меню?
« Ответ #4 : 14.01.2016, 18:22:32 »
У вас высота дива задана 100px, а картинка высотой 349px.

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #5 : 14.01.2016, 18:36:55 »
Все так, подобрать
http://bit.ly/1Q7TKSc
и опустить меню
http://bit.ly/1Ptous7]http://bit.ly/1Ptous7]http://bit.ly/1Ptous7
« Последнее редактирование: 14.01.2016, 19:42:03 от ShfVD »

*

FitMe

  • Давно я тут
  • ****
  • 305
  • 9
Re: Установить фон для меню?
« Ответ #6 : 14.01.2016, 18:40:39 »
Есть ошибочка еще вот тут

Код: css
#sp-slider {
    margin: left: 30%;
}

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

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #7 : 14.01.2016, 19:06:27 »
У вас высота дива задана 100px, а картинка высотой 349px.

Если б так легко было бы не спрашивал, извините...
Не поможет - хоть 1000 поставлю а результат один - влево и вверх не подвигается фон... По этому и спрашиваю ответ
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #8 : 14.01.2016, 19:12:55 »
Есть ошибочка еще вот тут

Код: css
#sp-slider {
    margin: left: 30%;
}

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

Скриншот дай пожалуйста - где вообще это увидел... Это в нем может быть ошибка
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #9 : 14.01.2016, 19:24:20 »
Если б так легко было бы не спрашивал, извините...
Не поможет - хоть 1000 поставлю а результат один - влево и вверх не подвигается фон... По этому и спрашиваю ответ
Вроди все двигается
http://bit.ly/1Q82aJk

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: Установить фон для меню?
« Ответ #10 : 14.01.2016, 19:27:32 »
Вот тестовый сайт: http://workprojects.hol.es/ru/
Ссылка не работает .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #11 : 14.01.2016, 19:30:03 »
Ссылка не работает .
Сейчас заработает 10 минут, бесплатный хостинг - издержки
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #12 : 14.01.2016, 19:30:48 »
Все так, подобрать
http://bit.ly/1Q7TKSc
и опустить меню
http://bit.ly/1Ptous7

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

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

Если я не ошибась, поправте - думаю что нужно отдельным модулем выводить - но это  бред
« Последнее редактирование: 14.01.2016, 19:44:49 от warlocksp »
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #13 : 14.01.2016, 19:45:00 »
Ну пак выровняйте отступами ( см. пост выше)
http://bit.ly/1Ptous7

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #14 : 14.01.2016, 19:52:21 »
На свежей версии
http://bit.ly/1PtzVA5

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #15 : 14.01.2016, 21:37:28 »
На свежей версии
http://bit.ly/1PtzVA5

Спасибо - ОГРОМНОЕ....  С меня ПЛЮС
Это то что мне нужно - дальше сам настрою...
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

FitMe

  • Давно я тут
  • ****
  • 305
  • 9
Re: Установить фон для меню?
« Ответ #16 : 15.01.2016, 04:55:29 »
Скриншот дай пожалуйста - где вообще это увидел... Это в нем может быть ошибка

Держи.


*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #17 : 15.01.2016, 14:47:40 »
На свежей версии
http://bit.ly/1PtzVA5

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

Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #18 : 16.01.2016, 14:01:27 »
На главной у вас класс модуля меню 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 нужно подобрать.
Хотя это все навскидку без детального анализа и оптимизации. Может все проще можно сделать.
Но времени разбираться у меня нет.

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #19 : 17.01.2016, 14:59:40 »
На главной у вас класс модуля меню 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 {
« Последнее редактирование: 17.01.2016, 15:56:31 от warlocksp »
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #20 : 17.01.2016, 15:42:43 »
Такой селектор  .menurus .sp-module ul изменит размер списка меню только внутри дива с классом menurus.
Что не работает?
Нужно вставить В фпйл *.css и проверить.
Просто скопировать и дописать .

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #21 : 17.01.2016, 16:10:04 »
Такой селектор  .menurus .sp-module ul изменит размер списка меню только внутри дива с классом menurus.
Что не работает?
Нужно вставить В фпйл *.css и проверить.
Просто скопировать и дописать .

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

Не реагирует на него, берет данные со строки 1657
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #22 : 17.01.2016, 16:16:39 »
Опять мандит ноут, поэтому не вижу. А ширину 700рх исправили? Наипервом скрине показано

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #23 : 17.01.2016, 16:20:29 »
Опять мандит ноут, поэтому не вижу. А ширину 700рх исправили? Наипервом скрине показано

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

.menurus .sp-module ul  - почему не реагирует или неправильно написано..
в какую именно в строку вставить - значение имеет или без разницы куда в CSS
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #24 : 17.01.2016, 16:36:53 »
все - проблема была в пробеле .menurus .sp-module ul - на .menurus.sp-module ul

Теперь только подобрать и все...
Спасибо большое за консультации...
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Установить фон для меню?
« Ответ #25 : 17.01.2016, 16:38:49 »
Досмотрел,
это классы одного дива,
посему я бы попробовал привязать не
.sp-module ul,
а для главной
 .menurus-g ul {
и для остальных
.menurus ul {
 т.е. заменить .sp-module ul

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #26 : 17.01.2016, 16:45:28 »
Досмотрел,
это классы одного дива,
посему я бы попробовал привязать не
.sp-module ul,
а для главной
 .menurus-g ul {
и для остальных
.menurus ul {
 т.е. заменить .sp-module ul

Это идея сейчас сделаем, хотя и так пойдет...
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #27 : 17.01.2016, 16:55:06 »
Во блин, пропал - переключатель языков с Главной страницы
Код
.engrus-g {
position: absolute;
z-index: 500;
right: 0;
top: -70px;
padding:0;
margin: auto;
background: url('/images/background_engrus.png') no-repeat center;
}
.engrus-g li {float:right; font:bold 18px Arial;}
.engrus-g a{font-family: 'America XIX'; color:#000; padding:0px 10px 0px 10px; text-decoration:none;}
.engrus-g a:hover{color:#000;}
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #28 : 17.01.2016, 17:00:28 »
Все про тормозил:
Забыл добавить:
Код
.engrus-g.sp-module ul {list-style: none; padding: 100px 235px; margin: 0;}
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.

*

warlocksp

  • Живу я здесь
  • ******
  • 927
  • 8
  • Красота и мудрость - в простоте....
Re: Установить фон для меню?
« Ответ #29 : 20.01.2016, 10:04:03 »
Не подскажите как подвинуть в право...

То есть при увеличении "Ctrl плюс" меню сдвигаться и  появляется отступ...
Не селен в CSS
Скриншот прилагаю...
Разработка, сопровождения, продвижение веб ресурсов...Хостинг-провайдер...
ICQ : 663021519;Skype: Warl-Uanic;Nic-Handle: Warl-Uanic.