Flexbox. Ширина Тема решена

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

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

Flexbox. Ширина

Сообщение Vitamin701 » 05 фев 2018, 09:40

Здравствуйте!
Не могу установить максимальную ширину flexbox-а, как это делается в сетках. Какие бы манипуляции не делал, получается только на всю ширину экрана.
Нужно это для расширения Гудвина (звездный рейтинг). Так как с сетками расширение не дружит.
А весь сайт сделан на сетках. У всех сеток максимальная ширина 1200. Ширина страницы 970.

Либо можно на слое попробовать , но так же проблема с максимальной шириной 1200.

Подскажите в каком направлении копать.

P.S. Делать на каждую страницу отдельный фрейм с расширением и вставлять на сетку геморно и не уверен, что будет работать.

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

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

Flexbox. Ширина

Сообщение anonimus » 05 фев 2018, 14:27

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

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

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

Flexbox. Ширина

Сообщение Vitamin701 » 05 фев 2018, 14:46

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

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

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

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

Flexbox. Ширина

Сообщение Vitamin701 » 06 фев 2018, 18:16

anonimus, вы пробовали или предполагаете ?

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

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

Flexbox. Ширина

Сообщение anonimus » 06 фев 2018, 18:27

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

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

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

Flexbox. Ширина

Сообщение Vitamin701 » 06 фев 2018, 19:07

Посмотрите , как отображается у вас мой проект , если не трудно.

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

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

Flexbox. Ширина

Сообщение samsomus » 07 фев 2018, 14:23

посмотрел, да, размер ему без разницы..
а в чем принципиальная необходимость флекс-бокса? сетки не заменят его?

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

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

Flexbox. Ширина

Сообщение Vitamin701 » 07 фев 2018, 14:31

Собственно на сетках и делаю сайт. Но расширение Гудвина "звездный рейтинг" не работает с сетками(как он сказал). Только на слоях и флексах. Вот и выдумываю костыли. Буду рад помощи !

Отправлено спустя 3 минуты 9 секунд:
У anonimus-а всё-таки каким-то чудесным образом ширина выставляется на флексах. У меня пока как горох об стенку

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1245
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Flexbox. Ширина  Тема решена

Сообщение Gudwinn » 07 фев 2018, 15:04

а что мешает жёстко задать ширину флексу в особом стиле элемента? например: max-width: 320px!important; допустим?
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

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

Flexbox. Ширина

Сообщение Vitamin701 » 07 фев 2018, 15:50

Сделал, ширина стала нужной, но весь флекс прижался влево.
Добавил в стили : margin-left: auto; margin-right: auto;
И теперь все как нужно !
Благодарю за помощь, Гудвин ! И за то, что показал на что обратить внимание. :-ok-:

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

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

Flexbox. Ширина

Сообщение samsomus » 07 фев 2018, 17:55

Gudwinn писал(а):задать ширину флексу в особом стиле элемента?

оно, конечно, может и работает, но интересно почему стндартные настройки, которые предусмотрены в данном элементе, не работают?

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

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

Flexbox. Ширина

Сообщение Vitamin701 » 07 фев 2018, 19:38

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

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

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

Flexbox. Ширина

Сообщение anonimus » 07 фев 2018, 20:59

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

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

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

Flexbox. Ширина

Сообщение sinpai » 07 фев 2018, 22:58

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

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

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

Flexbox. Ширина

Сообщение Vitamin701 » 07 фев 2018, 23:43

Поддерживаю ! Тоже интересно посмотреть, что на флексах такого можно сделать. Не спорю, но кардинального отличия от сеток не вижу

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

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

Flexbox. Ширина

Сообщение anonimus » 08 фев 2018, 00:35

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

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

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

Flexbox. Ширина

Сообщение anonimus » 08 фев 2018, 10:28

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


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

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

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

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