Максим Тимофеев: Спасибо! Получилось! Вот только для каждого блока с текстом пришлось прописать что-то вроде этого: right: 5px; bottom: 0; height: 73%; margin: auto;
Ankhena W: это единственный блок на лендинге, который очень трудно сверстать адаптивно. Так что придется помучиться)) Зато смотрится красиво! И уникально, а не как на большинстве лендингов
Ankhena W: да это не проблема поставить дизайнеру задачу сделать дизайн для мобильников и планшетов отдельно. Я просто боюсь, что еще сложнее верстать будет))
Максим Тимофеев: возникла другая проблема, bottom не прибивает блоки с текстом к низу картинки (если только -800px), и соответственно при уменьшении картинки текст остаётся неподвижным
Профессия тут не причём)) Мне не нужно сжимать этот блок до 320. До 600, если не получится то до 768 пикселей, но чтобы текст не съезжал. Для мобильников будет другой дизайн
Дизайнер просто как красивее делала. Это понятно, что до 320 это невозможно сжать. Я думаю для разрешений от 320 до 600 пикселей подключить другую таблицу стилей и делать совсем другой дизайн. Вопрос в том, что как сделать, чтобы этот блок нормально выглядел от 600 до 860 пикселей
пробовал с картинкой и абсолютным позиционированием для блоков. Проблема в том, что когда я задаю pos:abs для блоков с текстом они не накладываются на картинку, а идут после нее
Вот как он выглядит на макете сайта. Мне интересно, как это реализуют разработчики. Высота блока намного меньше воспроизводимого видео. Не могу найти сайты с таким узким блоком видео