E-mail Добавить в "Избранное" Сделать "ТвойWeb" стартовой
Здесь находится флеш баннер. Чтобы увидеть его Вы должны установить Flashplayer
 
Новости сайта
02 [F]апреля, 2006
08 [F]декабря, 2005
17 [F]октября, 2005
16 [F]июля, 2005
25 [F]декабря, 2004
======================
Предыдущие новости
<< < 01 02 03 04 05 > >>
 
 
 

Создание линий при помощи таблиц.

Довольно часто на странице необходимо провести горизонтальную или вертикальную линию. Использование элемента <Hr> не всегда оправданно и не во всех браузерах отображается коректно. К примеру если окрасить <Hr color="red"> - горизонтальную линию, то IE (Internet Explorer) покажет нам красную линию. Браузеры Opera, Netscape и Mozila покажут нам обычную, объемную горизонтальную линию, так если бы мы не окрасили бы ее. Иногда необходимо чтобы на странице присутствовала и вертикальная линия. Специальных элементов для этого в HTML нет (во всяком случае мне они не известны!). В качестве вертикальной линии часто используют изображение. Но это не очень удобно.
Так как быть в случаях, когда необходимо чтобы линии одинаково смотрелись во всех основных браузерах?
В этом нам помогут таблицы. Выше в этом тексте Вы можете видеть горизонтальную линию - результат работы HTML кода таблицы.
Ниже показаны несколько таблиц в которых ячейки и строки разделены горизонтальными и вертикальными линиями. Все эти линии создани при помощи таблиц.

* * * * *

Фирма

Телефон Город Директор

"Азия"

+371 2124548 Ташкент Азимов

"Aysell"

+1090536 2567412 Istanbul Shenol Ertan

"Буран"

+095 7777777 Москва Иванов

Смотреть HTML код таблицы

* * * * *

Фирма

Телефон Город Директор

"Азия"

+371 2124548 Ташкент Азимов

"Aysell"

+1090536 2567412 Istanbul Shenol Ertan

"Буран"

+095 7777777 Москва Иванов

Смотреть HTML код таблицы

* * * * *

Фирма

Телефон Город Директор

"Азия"

+371 2124548 Ташкент Азимов

"Aysell"

+1090536 2567412 Istanbul Shenol Ertan

"Буран"

+095 7777777 Москва Иванов

Смотреть HTML код таблицы

Посмотрите, что можно сделать исползуя таблицы.

* * * * *

     
 
     
Каждый рефлексирующий субъект обладает набором знаний и имеет позитивные возможности оказания влияния на информационное поле для взаимодействия с субъектами виртуального мира, но в то же время наделен плюралистическим мировоззрением, позволяющим ему при необходимости достижения или сохранения собственных материальных благ пренебрегать законами логики и здравого смысла. Каждый из рефлексирующих субъектов виртуального мира может находиться в двух основных состояниях: стационарном и мобильном, при котором он или сводит передвижение в трехмерном Евклидовом пространстве с декартовой системой координат к абстрактному минимуму, или ограничивается формальным перемещением массы в некоторой части пространственного континуума.
 
   

Смотреть HTML код таблицы

Очень часто необходимо выделить какой нибудь отрывок из общего текста. Есть много способов. Вот один из них, где тоже применена таблица.

* * * * *

   
Каждый рефлексирующий субъект обладает набором знаний и имеет позитивные возможности оказания влияния на информационное поле для взаимодействия с субъектами виртуального мира, но в то же время наделен плюралистическим мировоззрением, позволяющим ему при необходимости достижения или сохранения собственных материальных благ пренебрегать законами логики и здравого смысла. Каждый из рефлексирующих субъектов виртуального мира может находиться в двух основных состояниях: стационарном и мобильном, при котором он или сводит передвижение в трехмерном Евклидовом пространстве с декартовой системой координат к абстрактному минимуму, или ограничивается формальным перемещением массы в некоторой части пространственного континуума.

Смотреть HTML код таблицы

Это только малая часть того, что можно сделать используя таблицы.
Хочу сказать что многое, если не все из приведенного выше можно сделать используя CSS. О том как с использованием CSS сделать все то же самое мы поговорим в другом совете.
К оглавлению Наверх Дальше