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

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Установить фон для меню?
« : 14.01.2016, 09:12:37 »
Добрый день,

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

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


« Последнее редактирование: 17.01.2016, 13:56:48 от warlocksp »
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

JaneFaint

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

ShfVD

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

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #3 : 14.01.2016, 16:04:24 »
Что было понятно, прилагаю скриншоты во вложенном:

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

Знаю что-то напутал - не могу разобраться, слабоват в CSS
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

JaneFaint

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

ShfVD

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

FitMe

  • Захожу иногда
  • 310
  • 10 / 2
Re: Установить фон для меню?
« Ответ #6 : 14.01.2016, 16:40:39 »
Есть ошибочка еще вот тут

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

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

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #7 : 14.01.2016, 17:06:27 »
У вас высота дива задана 100px, а картинка высотой 349px.

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

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #8 : 14.01.2016, 17:12:55 »
Есть ошибочка еще вот тут

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

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

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

ShfVD

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

umbabaraumba

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

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #11 : 14.01.2016, 17:30:03 »
Ссылка не работает .
Сейчас заработает 10 минут, бесплатный хостинг - издержки
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #12 : 14.01.2016, 17:30:48 »
Все так, подобрать
http://bit.ly/1Q7TKSc
и опустить меню
http://bit.ly/1Ptous7

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

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

Если я не ошибась, поправте - думаю что нужно отдельным модулем выводить - но это  бред
« Последнее редактирование: 14.01.2016, 17:44:49 от warlocksp »
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

ShfVD

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

ShfVD

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

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #15 : 14.01.2016, 19:37:28 »
На свежей версии
http://bit.ly/1PtzVA5

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

FitMe

  • Захожу иногда
  • 310
  • 10 / 2
Re: Установить фон для меню?
« Ответ #16 : 15.01.2016, 02:55:29 »
Скриншот дай пожалуйста - где вообще это увидел... Это в нем может быть ошибка

Держи.

*

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #17 : 15.01.2016, 12:47:40 »
На свежей версии
http://bit.ly/1PtzVA5

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

Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Установить фон для меню?
« Ответ #18 : 16.01.2016, 12: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

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #19 : 17.01.2016, 12: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, 13:56:31 от warlocksp »
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

ShfVD

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

warlocksp

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

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

Не реагирует на него, берет данные со строки 1657
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

ShfVD

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

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #23 : 17.01.2016, 14:20:29 »
Опять мандит ноут, поэтому не вижу. А ширину 700рх исправили? Наипервом скрине показано

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

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

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #24 : 17.01.2016, 14:36:53 »
все - проблема была в пробеле .menurus .sp-module ul - на .menurus.sp-module ul

Теперь только подобрать и все...
Спасибо большое за консультации...
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

ShfVD

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

warlocksp

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

Это идея сейчас сделаем, хотя и так пойдет...
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #27 : 17.01.2016, 14: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;}
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #28 : 17.01.2016, 15:00:28 »
Все про тормозил:
Забыл добавить:
Код
.engrus-g.sp-module ul {list-style: none; padding: 100px 235px; margin: 0;}
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

warlocksp

  • Завсегдатай
  • 1175
  • 17 / 4
Re: Установить фон для меню?
« Ответ #29 : 20.01.2016, 08:04:03 »
Не подскажите как подвинуть в право...

То есть при увеличении "Ctrl плюс" меню сдвигаться и  появляется отступ...
Не селен в CSS
Скриншот прилагаю...
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Шаблон VTEM CLEAN (не работает с русскими буквами) - ?

Автор warlocksp

Ответов: 6
Просмотров: 702
Последний ответ 15.10.2018, 17:59:59
от Frost68
Как убрать tooltip в регистрации в Joomla 3?

Автор KoloS

Ответов: 12
Просмотров: 6442
Последний ответ 19.08.2017, 03:53:01
от NewUsers
Как вывести alt для изображения в карточке?

Автор Anna01

Ответов: 6
Просмотров: 917
Последний ответ 24.04.2017, 12:04:22
от Anna01
Стили пагинации в Helix 3

Автор stepan39

Ответов: 0
Просмотров: 721
Последний ответ 30.03.2017, 12:30:13
от stepan39
При увелечении масштаба исчезает модуль

Автор Egordj

Ответов: 0
Просмотров: 525
Последний ответ 08.02.2017, 20:56:41
от Egordj