Самый простой способ разместить текст поверх картинки в CSS.

Рет қаралды 28,475

Vitali Zybailo

4 жыл бұрын

Самый просто и широко употребляемый способ написать текст поверх картинки.
Код из видео: codepen.io/vental/pen/qBWaOVd

Пікірлер: 43

@k.u.l.i.e.v 3 жыл бұрын

как же меня задолбал этот позишин абсолют, наконец-то разобрался, спасибо)))))

@adelony 4 жыл бұрын

Спасибо огромное за видео, удачи в ютуб-деятельности!

@zybailo 4 жыл бұрын

Спасибо)

@dovuret2191 Жыл бұрын

Я уверен, что ето видео смотрели сениоры, так как они забыли как такое сделать, и вот сейчас вспомнили, спасибо помогло! Вспомнил))))))

@user-jd8bl9lv4o 9 ай бұрын

вы мой спаситель

@user-zl8yk8kh9b 2 жыл бұрын

Спасибо огромное❤️

@VIX3301 5 ай бұрын

как раз нужно сделать проект сайт и ты тут как тут спс большое за краткое объяснение

@user-wt1tg9zb8c 3 жыл бұрын

Спасибо вам огромное!!!!!!!!!!!

@Just_Starting1619 2 жыл бұрын

Спасибо, на начальных парах только такие видосы помогают более менее разобраться.

@zybailo 2 жыл бұрын

Рад, что помог

@lil_peepka 4 жыл бұрын

Блин спасибо реально помог

@showdownstandoff2 2 жыл бұрын

леально

@lil_peepka 2 жыл бұрын

@@showdownstandoff2 легально

@anonymoususer6103 4 жыл бұрын

Прикольно, не знал.

@zybailo 4 жыл бұрын

Рад, что было познавательно

@user-dz1dr6wq1u 4 жыл бұрын

Подскажи пожалуйста, просто интересно, сайт на 4 старницы ( типо лендинг) сколько сейчас стоит по цене?:

@zybailo 4 жыл бұрын

В среднем от 200 долларов, но могу сделать дешевле

@AlexLi715 3 жыл бұрын

ты лучший

@zybailo 3 жыл бұрын

Спасибо 🤘

@dinislamkk 3 жыл бұрын

@@zybailo а как сделать чтобы текст был не слева в картинке , а в самом середине картинки был текст

@zybailo 3 жыл бұрын

@@dinislamkk text-align: center; выбрать для блока с текстом

@dinislamkk 3 жыл бұрын

@@zybailo спасибо ! Отвечаешь на коментарий спустя год

@saraalbertova13 Жыл бұрын

Спасибо

@tanyaytka Жыл бұрын

Повторила такой же механизм, но ничего не работает. Огорчена. Но спасибо за данный урок

@user-yc9mq6lb3m 4 жыл бұрын

Привет у тебя отличный канал и видео тоже😃Нашёл тебя в рекоммендациях и решил подружиться почему бы и нет💥Ведь автор канала очень старается над ним👌👌👌Лайк и полный просмотр,давайте дружить✨

@zybailo 4 жыл бұрын

Привет, подписался

@user-ky7hj3sr5e 3 жыл бұрын

лайк в поддержку

@zybailo 3 жыл бұрын

Спасибо

@dhgchmghm1915 4 жыл бұрын

а маленькая картинка поверх большой картинки таким же способом размещается?

@zybailo 4 жыл бұрын

Верно

@user-yq1oj6yt2t 4 жыл бұрын

Семантически правильный способ?

@zybailo 4 жыл бұрын

Да, конечно

@vpadina426 4 жыл бұрын

а если у меня три картинки в три колонки и надо текст написать

@zybailo 4 жыл бұрын

разбить тогда колонки на три блока, родительский будет с position:relative (div), а текст с position:absolute (p)

@macallan9219 3 жыл бұрын

А что если на картине нужно разместить более 10 текстов с разными местоположениями

@zybailo 3 жыл бұрын

Тогда оптимально изображение размещать как background, а блоки уже позиционировать не используя position

@macallan9219 3 жыл бұрын

@@zybailo Сейчас попробую

@user-wp4hx4yy1j 8 ай бұрын

Очень виручили

@paler2719 2 ай бұрын

а так можно фото поверх фото поставить?

@zybailo 2 ай бұрын

Да, можно. Принцип одинаковый

@user-rk5vx8vm6m Жыл бұрын

Здравствуйте, Виталий! Скажите, как отменить позиционирование следующим блокам, чтобы они выстраивались вниз по body как обычно. Я подключила сетку bootstrap еще. Добавляю следующий блок по макету - услуги, а он отображается под главной страницей, и то, я случайно его там заметила.

@zybailo Жыл бұрын

Здравствуйте! Напишите, пожалуйста, в телеграмме @zybailo и сбросьте код. Быстрее сориентирую