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

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Flexbox. Ширина
Здравствуйте!
Не могу установить максимальную ширину flexbox-а, как это делается в сетках. Какие бы манипуляции не делал, получается только на всю ширину экрана.
Нужно это для расширения Гудвина (звездный рейтинг). Так как с сетками расширение не дружит.
А весь сайт сделан на сетках. У всех сеток максимальная ширина 1200. Ширина страницы 970.
Либо можно на слое попробовать , но так же проблема с максимальной шириной 1200.
Подскажите в каком направлении копать.
P.S. Делать на каждую страницу отдельный фрейм с расширением и вставлять на сетку геморно и не уверен, что будет работать.
Не могу установить максимальную ширину flexbox-а, как это делается в сетках. Какие бы манипуляции не делал, получается только на всю ширину экрана.
Нужно это для расширения Гудвина (звездный рейтинг). Так как с сетками расширение не дружит.
А весь сайт сделан на сетках. У всех сеток максимальная ширина 1200. Ширина страницы 970.
Либо можно на слое попробовать , но так же проблема с максимальной шириной 1200.
Подскажите в каком направлении копать.
P.S. Делать на каждую страницу отдельный фрейм с расширением и вставлять на сетку геморно и не уверен, что будет работать.
Реклама
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Flexbox. Ширина
Не надо делать на фреймах - это бред
Почему? Да потому, что для поисковиков этот рейтинг не будет связан со страницей, а это не правильно
А макс ширина ставится без проблем, так же как в сетках
Почему? Да потому, что для поисковиков этот рейтинг не будет связан со страницей, а это не правильно
А макс ширина ставится без проблем, так же как в сетках
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по 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
Flexbox. Ширина
Ставится ....но при просмотре все равно на всю ширину получается, какой бы размер не ставил. С сетками такого не наблюдаю.
Отправлено спустя 7 минут 25 секунд:
Вот пример :
Отправлено спустя 7 минут 25 секунд:
Вот пример :
У вас нет необходимых прав для просмотра вложений в этом сообщении.
-
Vitamin701
- Знаток

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Flexbox. Ширина
anonimus, вы пробовали или предполагаете ?
-
anonimus
- Moderator

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

- Сообщения: 135
- Зарегистрирован: 29 май 2017, 17:19
- Версия Web Builder: 12.5
Flexbox. Ширина
посмотрел, да, размер ему без разницы..
а в чем принципиальная необходимость флекс-бокса? сетки не заменят его?
а в чем принципиальная необходимость флекс-бокса? сетки не заменят его?
-
Vitamin701
- Знаток

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Flexbox. Ширина
Собственно на сетках и делаю сайт. Но расширение Гудвина "звездный рейтинг" не работает с сетками(как он сказал). Только на слоях и флексах. Вот и выдумываю костыли. Буду рад помощи !
Отправлено спустя 3 минуты 9 секунд:
У anonimus-а всё-таки каким-то чудесным образом ширина выставляется на флексах. У меня пока как горох об стенку
Отправлено спустя 3 минуты 9 секунд:
У anonimus-а всё-таки каким-то чудесным образом ширина выставляется на флексах. У меня пока как горох об стенку
-
Gudwinn
- Эксперт

- Сообщения: 1418
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Flexbox. Ширина Тема решена
а что мешает жёстко задать ширину флексу в особом стиле элемента? например: max-width: 320px!important; допустим?
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
Платные консультации
Готовые решения
Скайп: kirill47853
-
Vitamin701
- Знаток

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Flexbox. Ширина
Сделал, ширина стала нужной, но весь флекс прижался влево.
Добавил в стили : margin-left: auto; margin-right: auto;
И теперь все как нужно !
Благодарю за помощь, Гудвин ! И за то, что показал на что обратить внимание.
Добавил в стили : margin-left: auto; margin-right: auto;
И теперь все как нужно !
Благодарю за помощь, Гудвин ! И за то, что показал на что обратить внимание.

-
samsomus
- Подающий надежды

- Сообщения: 135
- Зарегистрирован: 29 май 2017, 17:19
- Версия Web Builder: 12.5
Flexbox. Ширина
Gudwinn писал(а):задать ширину флексу в особом стиле элемента?
оно, конечно, может и работает, но интересно почему стндартные настройки, которые предусмотрены в данном элементе, не работают?
-
Vitamin701
- Знаток

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Flexbox. Ширина
samsomus, учитывая, что и на официальном форуме .com я не нашел об этом упоминаний, то наверное флексами не особо пользуются либо слишком простые сайты делают.
-
anonimus
- Moderator

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

- Сообщения: 808
- Зарегистрирован: 01 сен 2014, 11:19
- Версия Web Builder: 14.2.2
- Имя: Иван
- Контактная информация:
Flexbox. Ширина
Анатолий, вы же профессионал. Сделайте краткое руководство по флексам - как ими управлять и что с ними делать.
Я с удовольствием поучусь. Вариант погуглить не предлагайте, нужна не теория, а практика.
Я с удовольствием поучусь. Вариант погуглить не предлагайте, нужна не теория, а практика.
И грянет страшный русский ренессанс!
-
Vitamin701
- Знаток

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Flexbox. Ширина
Поддерживаю ! Тоже интересно посмотреть, что на флексах такого можно сделать. Не спорю, но кардинального отличия от сеток не вижу
-
anonimus
- Moderator

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

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

