Текст, растягиваемый на всю ширину Тема решена

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

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Текст, растягиваемый на всю ширину

Сообщение Vitamin701 » 13 дек 2019, 16:17

Уже давно бьюсь с этой проблемой. Текст то растягивается на всю ширину блока по мере рястягивания браузера , то нет. При чем один текст может растягиваться, другой как вкопанный, с изначально заданной шириной. Настройки и там и там одинаковые. Что на это влияет ? И где поставить "нужную галочку" ? Нужно чтоб растягивался

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

Smart77
Экспериментатор
Экспериментатор
Сообщения: 90
Зарегистрирован: 31 июл 2019, 11:18
Версия Web Builder: 14.2.2

Текст, растягиваемый на всю ширину

Сообщение Smart77 » 13 дек 2019, 20:06

Приветствую, где то я с этим сталкивался уже. Как победил точно не вспомню. Выложи проект с тестовыми блоками, попробую сделать.

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

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

Текст, растягиваемый на всю ширину

Сообщение anonimus » 14 дек 2019, 03:18

в сетке текст всегда растягивается и не может вести себя по другому
раньше я с этим боролся так - я тупо ширину сетки ограничивал, выставляя в настройках максимальную ширину
а сейчас стало ещё проще, ибо появилась опция выставлять максимальную ширину текстового блока
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

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

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Текст, растягиваемый на всю ширину

Сообщение Vitamin701 » 14 дек 2019, 04:32

anonimus, да, но он у меня во Flex Grid-ах. И не хочет растягиваться. А где то хочет. В общем так себя и ведет, то хочет, то не хочет :)
Может я чего то не знаю ? )

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

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

Текст, растягиваемый на всю ширину

Сообщение anonimus » 14 дек 2019, 04:57

Можно внутрь флекса помешать другие флексы и в них ставить что угодно, а потом эти флексы растягивать на любую ширину
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

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

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Текст, растягиваемый на всю ширину

Сообщение Vitamin701 » 14 дек 2019, 05:15

anonimus, флексы уже вставлены в сетки. Дальше некуда. Если не трудно, может глянете в код ?
Кстати, после небольших правок на страницах плывут и галереи (до полной загрузки страницы, потом выравниваются). Не знаю, с чем это связано. Возможно с тем, что много галерей на одной странице. Но вроде такого не наблюдал.
Или все таки скинуть кусок проекта ?

Отправлено спустя 54 секунды:
https://justgotravellings.com/spain_tour.html

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Текст, растягиваемый на всю ширину

Сообщение spoon » 14 дек 2019, 06:56

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

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

Smart77
Экспериментатор
Экспериментатор
Сообщения: 90
Зарегистрирован: 31 июл 2019, 11:18
Версия Web Builder: 14.2.2

Текст, растягиваемый на всю ширину

Сообщение Smart77 » 14 дек 2019, 12:28

Иногда некоторые элементы просто не встанут в сетку. Приходиться их толкать во флекс а потом в сетку.

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

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Текст, растягиваемый на всю ширину

Сообщение Vitamin701 » 14 дек 2019, 14:09

spoon, по другому не получится.

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

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Текст, растягиваемый на всю ширину  Тема решена

Сообщение Vitamin701 » 15 дек 2019, 07:34

Решил проблему сам.

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

Korban
Экспериментатор
Экспериментатор
Сообщения: 77
Зарегистрирован: 25 авг 2013, 22:38
Версия Web Builder: 11.0.5

Текст, растягиваемый на всю ширину

Сообщение Korban » 16 дек 2019, 12:31

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

Задолбался править свой сайт

Сделал 2точки останова 320 и 768,
Большие тексты(>30ед) сдублировал и скрыл, вместо них размещаю маленькие -14ед
подогнал все - проверил на предосмотре - все ок
все тексты делал адаптивными в свойствах

НО!!
размещаю в инсту, и ссылка открывается в тамошнем браузере - внутренний браузер инсты :zvez_ochki:
и все поползло не так бл№"

Помогитеееее :wo)(ll:


пс. делал все на обычных слоях, обычные тексты и обычные headerы

ссылка на сайт
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

Smart77
Экспериментатор
Экспериментатор
Сообщения: 90
Зарегистрирован: 31 июл 2019, 11:18
Версия Web Builder: 14.2.2

Текст, растягиваемый на всю ширину

Сообщение Smart77 » 16 дек 2019, 13:01

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

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

Korban
Экспериментатор
Экспериментатор
Сообщения: 77
Зарегистрирован: 25 авг 2013, 22:38
Версия Web Builder: 11.0.5

Текст, растягиваемый на всю ширину

Сообщение Korban » 16 дек 2019, 13:13

Если при изменении размеров на одной точке останова, едет размер на другой точке, то просто Вы не включили галку использовать адаптивные шрифты в свойствах текстового блока, Так же включите это свойство на самой странице в билдере, вкладка стиль, ставьте галку использовать адаптивные шрифты.

Спасибо, то что можно задать стиль в настройках сайта - не знал. Изменял свойства каждого текста отдельно. Скрывал хеадер тексты (заголовки). А обычные тексты уменьшал размер . оставляю свободное место для поля текста - но все равно послазили. Не знаю что делать


Может у браузера инсты меньшее разрешение чем 320рх? поэтому все поползло?

хотя проверял в нете как будет выглядеть даже 240рх - вроде все норм показывало

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

Smart77
Экспериментатор
Экспериментатор
Сообщения: 90
Зарегистрирован: 31 июл 2019, 11:18
Версия Web Builder: 14.2.2

Текст, растягиваемый на всю ширину

Сообщение Smart77 » 16 дек 2019, 13:17

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

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

Korban
Экспериментатор
Экспериментатор
Сообщения: 77
Зарегистрирован: 25 авг 2013, 22:38
Версия Web Builder: 11.0.5

Текст, растягиваемый на всю ширину

Сообщение Korban » 16 дек 2019, 13:48

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


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

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

Smart77
Экспериментатор
Экспериментатор
Сообщения: 90
Зарегистрирован: 31 июл 2019, 11:18
Версия Web Builder: 14.2.2

Текст, растягиваемый на всю ширину

Сообщение Smart77 » 16 дек 2019, 14:10

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

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

Korban
Экспериментатор
Экспериментатор
Сообщения: 77
Зарегистрирован: 25 авг 2013, 22:38
Версия Web Builder: 11.0.5

Текст, растягиваемый на всю ширину

Сообщение Korban » 16 дек 2019, 14:29

Благодарю,
Посмотреть смогу только позже, к сожалению, уже ушёл от компа.

Пробовал точку на 300рх - все равно в инстабраузере все сьехало. Что за разрешение там?

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

Korban
Экспериментатор
Экспериментатор
Сообщения: 77
Зарегистрирован: 25 авг 2013, 22:38
Версия Web Builder: 11.0.5

Текст, растягиваемый на всю ширину

Сообщение Korban » 17 дек 2019, 01:25

Сделал по одному блоку заголовков на разные точки останова.

залил твои исправления на хостинг - открываю в инстаграм браузере - все точно также - все поехало - как на скрине выше

уже блин не знаю что делать

сколько раз начинал делать сайты на сетках - терпения и зла не хватает

ох , мне эта адаптация не легко дается


________________________
Когда пользователь социальной сети нажимает на ссылку в чьем-то профиле, то она открывается по умолчанию во встроенном браузере социалки - in-app браузерах. И бывает что верстка в них плывет

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

Smart77
Экспериментатор
Экспериментатор
Сообщения: 90
Зарегистрирован: 31 июл 2019, 11:18
Версия Web Builder: 14.2.2

Текст, растягиваемый на всю ширину

Сообщение Smart77 » 17 дек 2019, 20:32

А в хроме все гуд? Или так же едет?


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

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

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

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