Размер цветного поля в сетке вёрстки

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

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

Размер цветного поля в сетке вёрстки

Сообщение maklom » 23 дек 2018, 18:21

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

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

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

Размер цветного поля в сетке вёрстки

Сообщение anonimus » 24 дек 2018, 05:16

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

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

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

Размер цветного поля в сетке вёрстки

Сообщение maklom » 24 дек 2018, 23:44

Персональное Вам огромнющее спасибо!!! Вы мне здорово помогли. :bra_vo: Хотел бы тоже помочь дизайнерам. У меня есть небольшой трюк, как сделать красивое растяжение бэкгрунта с эффектом фаде по всему полю с двумя файлами iquery. Если такое здесь интересно мог бы выложить файлы с инструкциями кода. В таком случае укажите рубрику...
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!

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

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

Размер цветного поля в сетке вёрстки

Сообщение anonimus » 24 дек 2018, 23:58

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

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

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

Размер цветного поля в сетке вёрстки

Сообщение maklom » 25 дек 2018, 00:17

Понял, подготовлю и выложу...
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!

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

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

Размер цветного поля в сетке вёрстки

Сообщение maklom » 25 дек 2018, 20:17

У меня к Вам есть такой вопрос: в сетку вставленно изображение. Хочу на этом изображении написать текст, который в свою очередь будет ссылкой. Это возможно вообще или нет??? Пытался вставить текст он уходит вниз и редактирование невозможно((( Какое может быть решение в этом случае???
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!

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

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

Размер цветного поля в сетке вёрстки

Сообщение anonimus » 25 дек 2018, 20:27

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

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

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

Размер цветного поля в сетке вёрстки

Сообщение maklom » 25 дек 2018, 21:22

Ещё раз огромное спасибо всё получилось. Хотел только уточнить: можно как-то сделать, чтобы сетка стала сразу в размер изображения? Она его сжала. В моём случае пришлось в настройках сделать размер 100% 100% без повторения и потом отступать методом проб сверху на 110 пунктов...

Отправлено спустя 8 минут 35 секунд:
Да вот ещё текст лежит внизу, а посередине сделать вроде как-то проблематично???

Отправлено спустя 4 минуты 4 секунды:
Прошу прощения снизу тоже отступил, а сверху вычел. Всё вроде встало. Ещё раз спасибики...
Хочешь провести ночь с несколькими крошками? Скушай булочку в постели!


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

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

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

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