IP адрес:  107.20.115.174

Версия протокола:  HTTP/1.0

Локальный порт:  58336

Количество кук:  0



Вебмастеру

HTML и World Wide Web

Правила языка html

Структура html-документа

Стандартные шрифты для сайта

Коды символов html

Коды цветов html

Размеры баннеров

HTML5

Отобразить <html> код на Web-странице

Вставить Flash на Web-страницу

Анимированная иконка favicon.ico

Ошибка валидатора: The name attribute is obsolete. Consider putting an id...

CSS3

Атрибут "noshade" с помощью CSS

HTML5, CSS3

Вертикальная линия html

Footer внизу страницы

JavaScript 2.0 (ECMAScript 3.1)

Ротатор баннеров

Meta теги

Атрибут meta charset

Атрибут meta http-equiv

Атрибут meta name

Apache2

Поддомен VirtualHost

Joomla 3.x

Вывести текст в позицию шаблона

Разрешить регистрацию пользователей

Убрать "/ru" в имени домена

Вывод габаритных размеров и веса в карточке товара

Убрать строку "Leave the search box empty to find all products, or enter...

Как убрать из <title> VirtueMart надпись "Добро пожаловать в"

Ошибка vmError: Предупреждение, Безопасный путь пустое это...

Предупреждение. Отсутствует флаг ru-RU для языка ru-RU. Пройдите в...

Убрать тег link rel canonical

Вставить баннер в Joomla

Вставить видео YouTube в Joomla

Лента новостей в Joomla

Ускорение загрузки сайта

Убрать мета-тег "Generator"

Добавить позицию в шаблон

Для использования Joomla! на вашем сервере необходимо отключить...

Joomla 2.x

Секреты Joomla

Заменить favicon.ico

Изменить ошибку 404

RSS 2.0

Как создать RSS

Теги RSS


Навигация:   Главная  –  Вебмастеру  –  Вертикальная линия html




Вертикальная линия html

Задаваясь этим вопросом, <VR> - это первое, что приходит в голову, но такого тега в html не существует (на 12.01.2010г).

Тем не менее, решение можно найти с помощью таблиц и CSS.

Вертикальная линия с помощью таблиц:

<table border="1px" width="1px" height="200px"></table>

Где значения: border - тощина линии, width - "граница" лини, height - высота вертикальной линии.

Результат:

Вертикальная линия с помощью таблиц и CSS:

<table border="1px" width="1px" style="border-color: green;/*цвет*/ height: 200px;/*высота*/"></table>

Результат:

Вертикальная линия с помощью тега <HR> и CSS:

<hr style="height: 200px;/*высота*/ width: 1px;/*толщина*/">

Для отмены трехмерных эффектов, используйте атрибут "noshade"

<hr noshade style="height: 200px; width: 1px;">


Вертикальная линия с помощью тега <DIV> и CSS:

Если нужно, чтобы линия была слева от текста (как в этом абзаце), то можно использовать <div></div> с использованием CSS. Пример кода:

<div style="border-width: 0 0 0 1px;/*толщина*/ border-style: solid; padding-left: 10px;/*отступ слева*/">

Для линии справа от текста, используйте код:

<div style="border-width: 0 1px 0 0;/*толщина*/ border-style: solid; padding-right: 10px;/*отступ справа*/">

Для управления цветом, используйте свойство "border-color".