Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65) #1

Общие вопросы по оформлению (65) #1

Страница:   1 … 8 9 10 11 12 … 101  
Тема закрыта

Сообщений 181 страница 200 из 2001

Перевести1

  • Автор: Maquis
  • Модератор
  • Maquis
  • Зарегистрирован: Чт, 5 Ноя 2009
  • Сообщений: 1938
  • Уважение: +1963
  • Позитив: +1658
  • Предупреждения: ‡
  • Последний визит:
    Сб, 26 Фев 2022 23:41:00

Архивная тема помощи в оформлении форума и его элементов

Это архивная тема. Если вы хотите задать вопрос, пожалуйста, перейдите в следующую тему по ссылке ниже.

Следующая тема: Общие вопросы по оформлению (65) #2
Предыдущая тема: Общие вопросы по оформлению (64)

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+4

Перевести181

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07

добрый день!
подскажите, с чем связана проблема с фоном.
ставлю фиксированное позиционирование, но с телефона фиксирование пропадает и получается пустота при прокрутке вниз

скрин с телефона

https://pp.userapi.com/c850728/v850728198/14ff7f/Kf3MInhSSqk.jpg

http://nickoftime.rusff.ru

0

Перевести182

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36
riviere написал(а):

ставлю фиксированное позиционирование, но с телефона фиксирование пропадает и получается пустота при прокрутке вниз

Фиксирование не пропадает, просто так масштабируется фон при узком экране, вы ведь не указываете размеры фона, поэтому он по умолчанию берет масштаб..

0

Перевести183

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07
kolobdur74 написал(а):
riviere написал(а):

ставлю фиксированное позиционирование, но с телефона фиксирование пропадает и получается пустота при прокрутке вниз

Фиксирование не пропадает, просто так масштабируется фон при узком экране, вы ведь не указываете размеры фона, поэтому он по умолчанию берет масштаб..

то есть нужно поставить фактический размер картинки фона?

0

Перевести184

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36
riviere написал(а):

то есть нужно поставить фактический размер картинки фона?

А фактический размер и есть у вас сейчас по умолчанию, можно выставить другое с помощью: background-size

0

Перевести185

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07
kolobdur74 написал(а):
riviere написал(а):

то есть нужно поставить фактический размер картинки фона?

А фактический размер и есть у вас сейчас по умолчанию, можно выставить другое с помощью: background-size

можете подсказать, что конкретно надо установить, чтобы фон заполнял всю страницу и был фиксированным
я пока не понимаю

Отредактировано riviere (Пн, 24 Июн 2019 15:27:29)

0

Перевести186

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36
riviere написал(а):

можете подсказать, что конкретно надо установить, чтобы фон заполнял всю страницу и было фиксированным
я пока не понимаю

Вот так можно: background-size: 100% 100%; Но будет искажения.. Можете попробовать: background-size: contain; - вроде он в вашем случае подходит нормально..

0

Перевести187

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07
kolobdur74 написал(а):

Можете попробовать: background-size: contain; - вроде он в вашем случае подходит нормально..

поставила contain, но с телефона все равно пропасть

0

Перевести188

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36
riviere написал(а):

поставила contain, но с телефона все равно пропасть

А сделайте скриншот самого низа как у вас отображается.. Вам именно в мобильном варианте надо? Для ПК всё устраивает?

0

Перевести189

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07
kolobdur74 написал(а):
riviere написал(а):

поставила contain, но с телефона все равно пропасть

А сделайте скриншот самого низа как у вас отображается.. Вам именно в мобильном варианте надо? Для ПК всё устраивает?

скрин

https://pp.userapi.com/c849324/v849324535/1c0c1c/4UZudpZM_t8.jpg

0

Перевести190

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36

riviere, попробуйте поставить этот код:

Код:
@media screen and (max-width: 768px) {
body {background-size: 100% 100% !important;}
}

Ниже этого кода:

/* BODY */
body {
background-image: url(https://i.imgur.com/w8ryQFK.jpg), url(https://i.imgur.com/wk4sPLJ.jpg);
    background-size: contain;
background-attachment: fixed;
background-position: top left, top right;
background-repeat: no-repeat, repeat-y;
background-color: #9a9c93;

}

Или в НТМЛ верх..

0

Перевести191

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36

riviere, а зачем:

kolobdur74 написал(а):

background-image: url(https://i.imgur.com/w8ryQFK.jpg), url(https://i.imgur.com/wk4sPLJ.jpg);

Не проще через фотошоп сделать нужный вам фон и тогда не будет никаких скачков?

Отредактировано kolobdur74 (Пн, 24 Июн 2019 16:16:55)

0

Перевести192

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07
kolobdur74 написал(а):

Не проще через фотошоп сделать нужный вам фон и тогда не будет никаких скачков?

сделала один большой фон, поставила тот код, что вы прописали, все равно с телефона та же история
и еще момент, при положении contain изображение немного уменьшается.

0

Перевести193

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36
riviere написал(а):

сделала один большой фон, поставила тот код, что вы прописали, все равно с телефона та же история
и еще момент, при положении contain изображение немного уменьшается.

В данном случае лучше использовать: background-size: cover; Для мобильного варианта:

kolobdur74 написал(а):

@media screen and (max-width: 768px) {
body {background-size: 100% 100% !important;}
}

Вы же очищаете кеш на мобильном браузере?

0

Перевести194

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07
kolobdur74 написал(а):
riviere написал(а):

сделала один большой фон, поставила тот код, что вы прописали, все равно с телефона та же история
и еще момент, при положении contain изображение немного уменьшается.

В данном случае лучше использовать: background-size: cover; Для мобильного варианта:

kolobdur74 написал(а):

@media screen and (max-width: 768px) {
body {background-size: 100% 100% !important;}
}

Вы же очищаете кеш на мобильном браузере?

кэш почистила, все осталось прежним. и при значении cover изображение все еще меньше оригинального

0

Перевести195

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07
riviere написал(а):

кэш почистила, все осталось прежним. и при значении cover изображение все еще меньше оригинального

вру, фон на телефоне заполняется, но он расширяется вправо, поэтому правой его однотонной части не видно
изз-за этого вот такой огрызок

скрин

https://pp.userapi.com/c853516/v853516535/7aff3/bzycbx7ATXM.jpg

0

Перевести196

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36

riviere, попробуйте вот эту картинку:
https://i.imgur.com/ppejM2E.png
Для мобильного попробуйте этот вариант:

Код:
@media screen and (max-width: 540px) {
body {background-size: 100% 100%;}
}

0

Перевести197

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07
kolobdur74 написал(а):

попробуйте вот эту картинку:

kolobdur74 написал(а):

Для мобильного попробуйте этот вариант:

все поставила.
на всякий случай, вот так стоит

/* BODY */
body {background-image: url(https://i.imgur.com/ppejM2E.png);
background-size: cover;
background-attachment: fixed;
background-position: top left;
background-repeat: no-repeat;
background-color: #9a9c93;}

@media screen and (max-width: 540px) {
body {background-size: 100% 100%;}
}

и все еще без изменений

0

Перевести198

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07

в итоге поставила на фон два изображения все-таки, bakground-size убрала, но @media оставила, и кажется все встало

0

Перевести199

  • Автор: riviere
  • Заслуженный
  • riviere
  • Зарегистрирован: Пт, 30 Май 2014
  • Сообщений: 74
  • Уважение: +3
  • Позитив: +10
  • Последний визит:
    Пн, 1 Июл 2019 02:31:07

kolobdur74
спасибо вам огромное за помощь с этим чудесным гемором х)

+1

Перевести200

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7609
  • Уважение: +6163
  • Позитив: +6704
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:19:36
riviere написал(а):

в итоге поставила на фон два изображения все-таки, bakground-size убрала, но @media оставила, и кажется все встало

А @media не работает, не понял почему.. Попробуйте его убрать и глянуть..

0

Тема закрыта
Страница:   1 … 8 9 10 11 12 … 101  

Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65) #1