Ghostly photo |
Фото: Мэрилин Монро на аукционе | Новый рекорд: - тройное сальто на велосипеде | Би-би-си покажет фильм об отношениях Путина с Западом | Пауки-волки поедают своих пожилых самок | Самая большая змея – Titanoboa. | Один из самых сообразительных представителей семейства моллюсков | Обладательница самой большой груди бьет собственный рекорд |
|
|
|
Элемент 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-адрес: 44.197.195.36
|
Заговор от безработицы
|
|
|
Толкование значения снов, на букву: «Э» | Шакти — (супруга бога Шивы) | Аука - лесной дух, который никогда не спит |
Прикольные картинки про врачей и больных (38 фото) | Анекдоты ни о чём -=- (69) | Анекдоты про армян -- (67) | Анекдоты про музыкантов - (68) |
|
|
Statistics |
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
|
|