Ghostly photo |
Суперкомпьютер предсказывает социальные потрясения | США успешно испытали гиперзвуковое оружие | Самые дорогие российские монеты | Большая талия оказалась куда более точным показателем смертности, чем масса тела | ТОП - Самых дорогих в мире, вещей.... | Японская татуировка «иредзуми» | Желающий расстаться с тысячей евро - получает взамен «возможность окунуться в мир сомы» |
|
|
|
Элемент HR
Тег
<HR> (Horisontal Rule) вставляет в текст горизонтальную разделительную линию.
Имеет атрибуты:
Атрибут: Width
Определяет длину линии в пикселях или процентах от ширины окна Обозревателя.
Атрибут: Size
Определяет толщину линии в пикселях.
Атрибут: Align
Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:
left - выравнивание по левому краю документа.
right - выравнивание по правому краю документа.
center - выравнивание по центру документа (используется по умолчанию).
Атрибут: Noshade
Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.
Атрибут: Color
Определяет цвет линии. Работает только в Internet Explorer.
Примеры линий:
Результат:
Quote (code) <HR WIDTH="50%" ALIGN="left" SIZE="0">
Результат:
Quote (code) <HR WIDTH="80%" SIZE="3">
Результат:
Quote (code) <HR NOSHADE WIDTH="80%" SIZE="20">
Результат:
Quote (code) <HR NOSHADE WIDTH="80%" COLOR="Blue" SIZE="8">
Результат:
Вместо линии можно реализовать и такую фишку:
Quote (code) <HR NOSHADE ALIGN="left" WIDTH="18" COLOR="Red" SIZE="18">
Результат:
Тег <HR> - каждый обозреватель, отображает по-своему! (и не все атрибуты - отображаются корректно!).
Так-же, Тег <HR> - можно заменить изображением, к примеру:
CSS-стили:
Code <style type="text/css"> #hrC {margin:0px;padding:0px;background:url('/GIF/hrlin.gif') no-repeat center 50%;background-color:none;width:100%;height:30px;border:0pt none;clear:both;} </style>
HTML - там где необходимо вывести:
Code <div id="hrC"> </div>
Результат:
Или...
CSS-стили:
Code <style type="text/css"> hr {margin:0px;padding:0px;background:url('/71921.png') repeat-x;background-color:none;width:100%;height:1px;border:0pt none;clear:both;} </style>
HTML - там где необходимо вывести:
Результат:
background:url('/71921.png') repeat-x; - путь к изображению.
margin:0px;padding:0px;width:100%;height:1px; - параметры отступов, ширины и высоты - на своё усмотрение.
|
Профиль |
|
Ваш браузер: - IP-адрес: 34.204.181.19
|
Заговор от безработицы
|
|
|
Совместимость по знаку зодиака Стрелец – Дева | Зодиакальный гороскоп для ребёнка: Ваш ребёнок - Рыбы | Куда причалил Ноев ковчег?! | Тайны и загадки - Стоунхендж | Носители магии - Эгерия (Egeria) |
Анекдоты из серии: "кучка 3" |
|
|
Statistics |
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
|
|