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

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

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

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

Сообщение Vitamin701 » 22 дек 2017, 21:39

Добрый вечер друзья! Создал страницу. Все ок. По просмотре на телефоне по бокам остается место примерно по 10-15 пикселей. Хотя в программе и слои и картинки на всю ширину. Как сделать, что эт они и при просмотре на телефоне были на весь экран по ширине ?

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

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

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

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

Точки останова делал? Где-то что-то выходит за пределы слоя. Попробуй переделать на сетках или флексах. А лучше покажи проект.
И грянет страшный русский ренессанс!

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

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

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

Сообщение Vitamin701 » 23 дек 2017, 00:10

Точки останова делал. Вот скриншот как почучается в итоге. Верхняя картинка во всю ширину, потому что в свойствах слоя поставил галочку "относительная ширина"
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

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

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

Сообщение spoon » 23 дек 2017, 08:30

проект бы
Съешь ещё этих мягких французских булок, да выпей чаю!

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

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

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

Сообщение Vitamin701 » 23 дек 2017, 17:37

Вот адрес: http://f0172352.xsph.ru/ Один слой и одна картинка. Для примера.
Интересует только отображение на мобильном.
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

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

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

Сообщение Vitamin701 » 23 дек 2017, 22:14

Пробовал и на сетках и на флексах. То же самое. Так что, нет решения проблемы ?

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

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

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

Сообщение spoon » 24 дек 2017, 07:17

Вы скинули wbs проект без файлов, как прикажите смотреть?
Скиньте проблемную страницу вашего проекта.
Съешь ещё этих мягких французских булок, да выпей чаю!

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

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

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

Сообщение Vitamin701 » 24 дек 2017, 15:50

Прошу прощения.
Вот проект без файлов. Только два слоя.
Адрес для просмотра тот же : http://f0172352.xsph.ru/
Уже стер всю клавиатуру, никак не могу решить эту проблему.
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

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

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

Сообщение sinpai » 24 дек 2017, 17:47

В Лисе и Опере все в порядке в режиме адаптации.
Какое разрешение экрана у вашего телефона?
И еще, дайте ваш проект как есть с картинками и текстами.
И грянет страшный русский ренессанс!

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

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

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

Сообщение Vitamin701 » 24 дек 2017, 17:54

Разрешение(1280x720)
В лисе и опере не пробовал, но в хроме остаются отступы по бокам.
Проект не готов еще. Да и проблема ровно такая же как на примере с двуми слоями.

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

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

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

Сообщение anonimus » 24 дек 2017, 22:34

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

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

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

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

Сообщение Vitamin701 » 25 дек 2017, 00:29

То есть это единственная причина ? Но в таком случае если я сделаю все слои с "относительно горизонтальной размерностью", то на десктопе все эти слои будут так же на всю ширину экрана ( то есть выходить за ширину контейнера).
Что касается картинок, то придется каждую так же размешать на слой и ставить галочку "относительная гор. разм." ?
Если это единственное решение, то в таком случае под точку 320 придется все слои новые создавать и скрывать слои остальных точек слома. Можно , но решение по моему не самое разумное.
Просто хотел узнать, если есть более рациональное решение.

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

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

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

Сообщение anonimus » 25 дек 2017, 00:33

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

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

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

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

Сообщение Vitamin701 » 25 дек 2017, 01:11

Я только учу программу. Но уже успел заметить, что при установке галочки " относительная горизонтальная размерность" она устанавливается на всех точках слома. А мне это не нужно. Подскажете как победить это ?

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

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

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

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

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

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

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

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

Сообщение Vitamin701 » 25 дек 2017, 01:26

слой в слое - это интересно. только пока не совсем представляю схему реализации )

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

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

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

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

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

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

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

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

Сообщение Vitamin701 » 25 дек 2017, 01:40

Попробую объяснить. Хочу чтоб на дескатопе , слои не выходили за рамки контейнера ( то есть были по ширине точки слома 1170, 960 например). а на мобильном естественно они должны быть на всю щирину экрана. Другими словами, чтоб сайт выглядел как любой нормальный сайт на всех экранах.

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

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

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

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

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

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

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

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

Сообщение Vitamin701 » 25 дек 2017, 01:48

проект не открывается. Нужно обновлять прогу


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

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

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

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость