Задать вопрос

Ольга @olyabolya

html

HTML
CSS

Почему не получается разместить текст на изображении?

Здравствуйте. Пытаюсь наложить текст поверх изображения, но ни в какую не хочет. Пример: https://codepen.io/olyabolya/pen/EqdRww

Вопрос задан более трёх лет назад
57 просмотров

Комментировать

Подписаться 1 Средний Комментировать

Решения вопроса 1

dicem

dicem @dicem

Ответ написан более трёх лет назад

3 комментария

3 комментария

Ольга @olyabolya Автор вопроса

не получается, картинка вся ужимается в заданный height, хотя нужно уменьшить блок до 510 px и сделать параллакс-эффект background-attachment

Написано более трёх лет назад
dicem @dicem
Ольга, ну так сделайте, css там есть, все размеры что я сделал там только в целях демонстрации. Ну и да ваш пример в codepen я и не посмотрел, вы просто закрыли тег не там.
Вот ваша валидная версия
<div class="table-block" style="background-image:url('https://регистрация-просто.рф/images/table.jpeg'); height: 510px;"> <div class="col-lg-7 col-xs-9 zagolovok"> <span>ТЕСТОВЫЙ ТЕКСТ</span> </div> </div>
Написано более трёх лет назад
Ольга @olyabolya Автор вопроса

dicem, получилось, спасибо!!

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 11 часов назад
- 68 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 11 часов назад
- 52 просмотра
2

ответа
JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 13 часов назад
- 52 просмотра
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 14 часов назад
- 48 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 15 часов назад
- 61 просмотр
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- 18 часов назад
- 53 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- 18 часов назад
- 75 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 19 часов назад
- 37 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Какие есть способы организовать редкое добавление статей на сайт?
- 1 подписчик
- вчера
- 113 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как сделать авто подтверждение?
- 2 подписчика
- вчера
- 140 просмотров
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Взлом автомобильной программы

19 апр. 2024, в 05:01

999999 руб./за проект

Доработать телеграм бота

19 апр. 2024, в 03:52

1000 руб./за проект

Написать код на python

19 апр. 2024, в 03:01

1000 руб./за проект