Вопрос к визуальному эффекту сжатия сайта

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

Автор Темы
maklom
Подающий надежды
Подающий надежды
Сообщения: 105
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Вопрос к визуальному эффекту сжатия сайта

Сообщение maklom » 31 дек 2018, 01:34

Дорогие форумчане позвольте прежде всего поздравить всех с наступающим Новым Годом и пожелать на всю катушку его охрюнительно встретить! :ya_hoo_oo:
Но праздники праздниками, а дело к сожалению не ждёт и у меня появился новый вопросик по адаптивному дизайну. Наблюдается такая вещь, когда страница подготовлена с контентом в сетке вёрстке, то при сжатии сайта видна, собственно говоря, только начинка сетки вёрстки, а задний фон, если таковой был сделан при задумке сайта с боков уходит полностью. Так вот, если бы хотелось, чтобы с боков осталась небольшая полоска заднего фона, возможно ли какое-то решение в настройках программы или может создание сепаратной ячейки в сетке по бокам, но непонятно, что делать тогда с сеткой, где уже задним фоном стоит картинка. Или особо не замарачиваться, всё же это не принципиально важно. Но вдруг я что-то не уловил в подготовке дизайна и решается эта проблема легко... http://www.klavierstimmer.com/test/index.html
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!

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

Автор Темы
maklom
Подающий надежды
Подающий надежды
Сообщения: 105
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Вопрос к визуальному эффекту сжатия сайта

Сообщение maklom » 31 дек 2018, 15:03

Ошибка видна в нижнем бегунке окошка браузера. Если уменьшать постепенно появляется такой бегунок и остаётся. Справа бегунком достигаем полоски фона. Слева фон не виден так и так. Кто-то уже сталкивался с такой проблемой наверняка. Может подскажет добр человек зелёному новичку, как избежать поперечного бегунка?! :smu:sche_nie:
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!

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

Alex15963
Опытный
Опытный
Сообщения: 697
Зарегистрирован: 17 фев 2015, 13:13
Версия Web Builder: 10.4.4
Имя: Алексей

Вопрос к визуальному эффекту сжатия сайта

Сообщение Alex15963 » 31 дек 2018, 20:38

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

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

Автор Темы
maklom
Подающий надежды
Подающий надежды
Сообщения: 105
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Вопрос к визуальному эффекту сжатия сайта

Сообщение maklom » 01 янв 2019, 17:56

Alex15963, доброго времени суток и большое спасибо за Ваш быстрый отклик.
1. Действительно, если сделать дополнительный сектор например слева и задать ему в свойствах прозрачность, то при сжатии окна остаётся полоска, но которая всё равно уходит при самом маленьком размере браузера. Так что может это и выход, а может и вовсе нет. Наблюдал при дополнительных секторах, так же, что блок респонзивного меню сокращается не совсем адекватно в каких-то точках сжатия. История с бегунком похоже была мной решена. Просто наблюдается какой-то косяк в конкретном проекте. Дело в том что на нём много эксперементировал с разными настройками. Скорее всего ошибка вписалась в системный файл проекта и удалить её нет возможности. Установил я это следующим образом: не поленился и удалял блок, за блоком со страницы с последующей загрузкой на сервер. Даже когда страница осталась пустая, бегунок всё же сохранился. Может быть я когда-то загружал с опцией не рекомендованной для RWD или ещё как не положено, вот и возникла эта неприятность. Сейчас делаю тестовый проект созданный заново и такой ошибки пока не видно. Если нет никаких других идей с полосками фона, ещё поэксперементирую с дополнительными секторами. Не будет удовлетворительного результата, ну и ладно оставлю всё как есть.
2. Теперь про количество сеток. Как же можно такой проект сделать одной сеткой? Может я что-то не совсем уловил при изучении сетки? Как напимер делать тексты разной ширины в одной сетке??? Кстати о горизонтальном размере: какой размер Вы подразумевали? Общий справа в настройках - так без него поле контента растянется по всему экрану!!! Если же левый отступ сектора, то он как раз регулирует ширину объектов в секторе и без него тоже не обойтись!!! Ну и напоследок - как можно в одной сетке делать отступы между объектами??? Поэтому я делал столько сеток. Есть другие варианты решения? Если можно кратко опишите пожалуйста или ссылку может скинете на уроки по сетке...
3. Заметил один недостаток программы. Когда проекты загружаешь в разные папки, например для тестирования. При публикации проект сохраняет последнюю папку. То есть нельзя в отдельных файлах задать фиксированную папку, а нужно при смене проекта её корректировать. Это слегка неудобно: всё время в настройках задавать нужную директорию. Кто владеет английским пожалуйста напишите об этом недостатке Пабло, может в следующей версии можно исправить такую заморочку. Всё же экономит время работы и нервы...
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!

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

Alex15963
Опытный
Опытный
Сообщения: 697
Зарегистрирован: 17 фев 2015, 13:13
Версия Web Builder: 10.4.4
Имя: Алексей

Вопрос к визуальному эффекту сжатия сайта

Сообщение Alex15963 » 01 янв 2019, 18:38

Добрый день maklom! На все ваши вопросы, есть разные ответы. Т.К. Билдер есть конструктор и в нем одно задание можно сделать разными способами силами самого Билдера или же кодом. Сделайте проект, опишите проблему. Лучше показать решение на самом проекте, чем вести долгую переписку.

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

Автор Темы
maklom
Подающий надежды
Подающий надежды
Сообщения: 105
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Вопрос к визуальному эффекту сжатия сайта

Сообщение maklom » 01 янв 2019, 19:09

Да, я уже думал, что полоску фона в проекте кодом подправить. Но не сейчас - ещё работаю над разными вариантами. Обязательно выложу в конце...
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!

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

Автор Темы
maklom
Подающий надежды
Подающий надежды
Сообщения: 105
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Вопрос к визуальному эффекту сжатия сайта

Сообщение maklom » 03 янв 2019, 13:05

Сообщение Alex15963 » 31 дек 2018, 17:38
"А зачем вы столько сеток понаставляли? Весь ваш контент можно сделать и на одной сетке."

Частично беру пункт второй своего ответа обратно. Долго размышлял и изучал настройки Билдера. По крайней мере текстовые блоки, которые идут подряд, можно делать в одной сетке. Ведь есть настройки текстов по отступам. Это очень клёвая вещь, для точного позиционирования. Но всё же слайдер пришлось делать в отдельной сетке, так как при сокращении окошка браузера текст уводит вниз и получается некрасивое поле между слайдером и началом текста. Однако, благодаря Вам количество сеток теперь сократил. За что Вам огромный респект!!! :co_ol:
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!


Ответить

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

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

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