Слои и картинки на всю ширину экрана телефона. Тема решена

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 5
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 4767
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Слои и картинки на всю ширину экрана телефона.

Сообщение anonimus » 25 дек 2017, 01:52

в 11 версии вот
localPublic11.zip


Отправлено спустя 4 минуты 43 секунды:
можно и на сетках делать и на плавающих слоях и ещё бог знает как :-):
У вас нет необходимых прав для просмотра вложений в этом сообщении.
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Можете в личку отправить свой вайбер, телеграмм, вотсап или просто мобильный и я вас наберу

Реклама
Аватара пользователя

Автор Темы
Vitamin701
Сведущий
Сведущий
Сообщения: 179
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.0.2

Слои и картинки на всю ширину экрана телефона.

Сообщение Vitamin701 » 25 дек 2017, 02:05

сетки для меня - дремучий лес.

Аватара пользователя

sinpai
Опытный
Опытный
Сообщения: 617
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 12.3
Имя: Иван
Контактная информация:

Слои и картинки на всю ширину экрана телефона.

Сообщение sinpai » 25 дек 2017, 08:37

По сеткам уже было немало информации на форуме, поройтесь.
Посмотрите видеоуроки на трубе от Хернана Пены ( на испанском, но визуально все понятно ). Например: How to use Layout Grid to create responsive website.
Используя сетки вы сэкономите себе массу времени. В свое время я разобрался с ними за час.
И грянет страшный русский ренессанс!

Аватара пользователя

Автор Темы
Vitamin701
Сведущий
Сведущий
Сообщения: 179
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.0.2

Слои и картинки на всю ширину экрана телефона.

Сообщение Vitamin701 » 25 дек 2017, 19:35

Смотрел я этого испанца. Смущают как то меня способы расположить объект в нужно месте с помощью других прозрачных обьектов (линий в его случае). Тоже костыли....не менее геморойные.

Аватара пользователя

sinpai
Опытный
Опытный
Сообщения: 617
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 12.3
Имя: Иван
Контактная информация:

Слои и картинки на всю ширину экрана телефона.

Сообщение sinpai » 25 дек 2017, 22:46

Дорогу осилит идущий. Вы сначала руками поработайте с сетками, прежде чем говорить о костылях и геморрое.
А если не нравятся сетки, работайте с флексами.
И самое главное - учите матчасть. Сами же писали - "сетки для меня - дремучий лес".
И грянет страшный русский ренессанс!

Аватара пользователя

Автор Темы
Vitamin701
Сведущий
Сведущий
Сообщения: 179
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.0.2

Слои и картинки на всю ширину экрана телефона.

Сообщение Vitamin701 » 25 дек 2017, 23:45

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

Аватара пользователя

sinpai
Опытный
Опытный
Сообщения: 617
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 12.3
Имя: Иван
Контактная информация:

Слои и картинки на всю ширину экрана телефона.

Сообщение sinpai » 26 дек 2017, 01:22

В сетках есть свойство Layout с параметрами Fluid и Fixed. Это ответ на ваш вопрос. Чтобы сетка работала как вам надо, ее необходимо настроить.
Заодно посмотрите и на остальные параметры. И не забывайте про точки останова.
Я уже вам сказал, изучайте матчасть, а не выносите суждения о том, в чем не разбираетесь вообще.
Сетки решают практически все необходимые задачи легко и изящно. Так же, как и Flex Container.
.
И грянет страшный русский ренессанс!

Аватара пользователя

Didnt
Читатель
Читатель
Сообщения: 22
Зарегистрирован: 25 мар 2016, 12:49
Версия Web Builder: 12.3.1
Имя: Дмитрий

Слои и картинки на всю ширину экрана телефона.

Сообщение Didnt » 18 янв 2018, 14:13

Подскажите, какую точку останова лучше подобрать для монитора c шириной 1280px?

Аватара пользователя

spoon
Знаток
Знаток
Сообщения: 579
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 12.5
Имя: Дмитрий
Контактная информация:

Слои и картинки на всю ширину экрана телефона.

Сообщение spoon » 18 янв 2018, 14:18

1279px

Аватара пользователя

samsomus
Подающий надежды
Подающий надежды
Сообщения: 114
Зарегистрирован: 29 май 2017, 17:19
Версия Web Builder: 12.0.4

Слои и картинки на всю ширину экрана телефона.

Сообщение samsomus » 20 янв 2018, 13:27

а я бы еще оставил место для полосы прокрутки... (-12-13 примерно)


Ответить Вложения 5

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: Yandex [Bot] и 2 гостя