Задачка на сообразительность

Сообщение **maklom** » 07 мар 2019, 03:10

Дорогие друзья форумчане! Никак не могу допетрить каким образом в адаптивном дизайне можно сделать следующий элемент:

1. На странице присутствует крест из линий или т-образное соприкосновение линий.

2. В каждом секторе креста: сверху, слева-справа и внизу, слева-справа расположен текст.

3. Но это ещё не всё! Текст допустим имеет цветной бэкгрунт, который распологается в поле другого элемента - например сетки вёрстки с другим бэкгрунтом. Как можно такое решить? Заранее благодарю за помощь в этом нелёгком для меня деле.

Таблица, как я понимаю не адаптивна, какие могут быть варианты здесь???

Сообщение **anonimus** » 07 мар 2019, 05:40

Давайте этот элемент в плавающем слое

Сообщение **maklom** » 07 мар 2019, 11:47

Что означает - плавающий слой? Если не трудно объясните или скинте ссылку на инструкцию! Срасибо заранее!

Сообщение **anonimus** » 07 мар 2019, 11:54

Сообщение **maklom** » 07 мар 2019, 13:38

Понял, но в сетку он не встраивается, так понимаю. Его нужно отдельным элементов приставлять, или страничку делать вообще без сеток. Пока ещё не пробовал работать со слоями... :du_ma_et:

Сообщение **maklom** » 08 мар 2019, 03:03

Как-то со слоем у меня не сложилось. Он вроде прилипает к сетке, но при загрузке на сервер изображение не корректное((( Однако я решил проблему: сменил в одинарной сетке layuot на фиксированный и тогда у меня вставилась ещё одна сетка. Дальше, как говорится - "Дэло Тэхники" !!!

Сообщение **mocktel** » 09 мар 2019, 16:13

maklom, Попробуй через встроенную страницу на слое