[MagicPast.NET]#

Linux Windows Софт Hardware Вебмастеру Интернет Сеть C++ Звук Статьи Автомобильные устройства PDA

IP адрес:  54.166.245.10
Версия протокола:  HTTP/1.0
Локальный порт:  54592
Количество кук:  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
Убрать meta-тег "generator"
Вывести текст в позицию шаблона
Разрешить регистрацию пользователей
Убрать "/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".