Сетка верстки. Текст на изображении  [РЕШЕНО]

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

Автор Темы
Slashtore
Втянувшийся
Втянувшийся
Сообщения: 68
Зарегистрирован: 21 апр 2015, 11:44
Версия Web Builder: 10.1

Сетка верстки. Текст на изображении

Сообщение Slashtore » 18 янв 2022, 03:48

Доброго времени суток!
Возможно ли в сетку верстки поместить картинку, а на фоне картинки разместить текст? То, что можно сделать бэкграунд в сетке изображением и в сетку закинуть текст это известно, но тогда картинкой управляет сетка, изображение подрезается под размер сетки, а хотелось бы, чтобы сетка верстки масштабировалась за картинкой, а текст оставался прежнего размера. Неужели нет такой возможности в сетке, чтобы именно сетка подгонялась под размер картинки установленной на бэкграунд, или чтобы размещённая картинка не влияла на положение текста, не сдвигала его ниже себя?

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

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

Сетка верстки. Текст на изображении

Сообщение spoon » 18 янв 2022, 07:14

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

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

Автор Темы
Slashtore
Втянувшийся
Втянувшийся
Сообщения: 68
Зарегистрирован: 21 апр 2015, 11:44
Версия Web Builder: 10.1

Сетка верстки. Текст на изображении

Сообщение Slashtore » 18 янв 2022, 13:54

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

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

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

Сетка верстки. Текст на изображении

Сообщение spoon » 18 янв 2022, 14:10

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

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

Автор Темы
Slashtore
Втянувшийся
Втянувшийся
Сообщения: 68
Зарегистрирован: 21 апр 2015, 11:44
Версия Web Builder: 10.1

Сетка верстки. Текст на изображении

Сообщение Slashtore » 18 янв 2022, 15:06

Т.е. если открыть исходный html код изображения, в особый стиль прописать код css, и написать нужный текст, то всё получится?

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

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

Сетка верстки. Текст на изображении

Сообщение spoon » 18 янв 2022, 16:04

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

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

Автор Темы
Slashtore
Втянувшийся
Втянувшийся
Сообщения: 68
Зарегистрирован: 21 апр 2015, 11:44
Версия Web Builder: 10.1

Сетка верстки. Текст на изображении

Сообщение Slashtore » 18 янв 2022, 17:30

Или только методом контейнера, как здесь описано? Текст на изображение

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

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

Сетка верстки. Текст на изображении  [РЕШЕНО]

Сообщение spoon » 18 янв 2022, 17:51

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

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

Автор Темы
Slashtore
Втянувшийся
Втянувшийся
Сообщения: 68
Зарегистрирован: 21 апр 2015, 11:44
Версия Web Builder: 10.1

Сетка верстки. Текст на изображении

Сообщение Slashtore » 18 янв 2022, 18:08

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

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

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

Сетка верстки. Текст на изображении

Сообщение spoon » 18 янв 2022, 18:23

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


Ответить

Вернуться в «Общие вопросы.»

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

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