Ghostly photo |
Самый большой нос, в мире. | Самый страшный монстр из когда-либо существовавших... | На Украине нашли первых homo sapiens в Европе | «Суета сует - всё суета» / «Vanitas vanitatum et omnia vanitas» | Полиэтиленовое искусство от Халиля Чишти (19 фото) | Суперкомпьютер предсказывает социальные потрясения | Плюющие шимпанзе показали баснословный интеллект |
|
|
|
Элемент 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-адрес: 52.14.150.55
|
Заговор для студента
|
|
|
Толкование значения снов, на букву: «А» | Носители магии - Лаокоон, Лаокоонт (Laokoontos) | Совместимость по знаку зодиака Лев – Рак | Символика татуировки (тату) » Знаки зодиака – Телец | Толкование значения снов, на букву: «Ж» |
Анекдоты про полицейских (34) | Анекдоты - про супружескую неверность (80) |
|
|
Statistics |
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
|
|