Вторник, 02.06.2020, 08:04
ЗАРАБОТОК В СЕТИ
WWW.ZARABOTKII.RU
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
...
Меню сайта
вечная ссылка
Статьи
Вебмастеру
Форма входа
Мини чат
200
Новости сайта
Block content
Помощь сайту
Помогите сайту!
ЯндексЯндекс. ДеньгиХочу такую же кнопку
Наш опрос
Оцените мой сайт
Всего ответов: 63
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс.Метрика
Рейтинг@Mail.ru
Поиск
 текст поверх картинки html

Текст поверх картинки html

 

При создании блога или сайта иногда требуется разместить текст поверх картинки или текст поверх изображения. Познаний html, чего греха таить, у многих блоггеров не хватает, а то и вовсе нет. Ничего страшного, даже если и так. Используем Атрибут position в HTML

Можно скопировать простой код и использовать его немного модифицируя под свои нужды. Приведу простой пример:

Есть картинка:

Текст поверх картинки html

Есть текст:
Текст поверх картинки html

Есть код:

<div style="position:relative ; left:20px;  top:200px;">

    <h2>Текст поверх картинки HTML</h2>

    </div>

    <img src="/mbg.png" title="Текст поверх картинки html" alt="Текст поверх картинки" />

 

Получаем на выходе:

Текст поверх картинки HTM

Текст поверх картинки

Текст поверх картинки html Рис.2 Блочный элемент <div> с текстом находится внутри блочного элемента <div> с картинкой.  ( см. подробнее о теге <div> )

 

Нужно правильно указать путь к картинке. С помощью тегов «position:relative ; left:20px;  top:200px;» можно отрегулировать отступ текста слева и сверху.

Буквам тоже можно задать любой цвет и размер, было бы желание, и тогда вы сможете написать любой текст поверх картинки, поверх изображения с помощью HTML.

Перейти в каталог html уроков и советов

 

Copyright MyCorp © 2020
Календарь
«  Июнь 2020  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930
Архив записей
Валюта

Яндекс кошелек
Если не видно картинку, то включите ява скрипт и обновите страницу код с картинки →

Обмен валют currex.ru и spasibo.kz

...
Друзья сайта
Модная - женская одежда Заработок в интернете
Бесплатные программы ПК Гороскоп на сегодня
Заработок на рекламе
Заработок в сети
Гламур
Салон красоты
Работа на себя
Работа на дому
Мои услуги
BitCoin
вечная ссылка
Купить ссылку здесь за руб.
Поставить к себе на сайт
Так.ру
Сайт создан в системе uCoz