Кордони HTML таблиць без CSS

Windows: Internet Explorer 3.0+, Netscape 3.04+, Opera 3.50+ [ 1 ], Mozilla 0.6+, Firefox 1.0+, Google Chrome, Safari 3.1+, SeaMonkey 1.0+.

Linux: Netscape 3.04+, Opera 5.0+, Mozilla 0.6+, Firefox 1.0+, Chromium, SeaMonkey 1.0+, Netsurf 3.0, Dillo [2].

Кордони HTML таблиць без CSS
cellspacing="2"bgcolor="#ff6600"

HTML/XHTML. Код:

Кордони HTML таблиць без CSS
cellspacing="8"bgcolor="#999999"

HTML/XHTML. Код:

Приклад n.3- для Netscape 3.04-6.0, Mozilla 0.6-0.92 та Arachne. Працює так само в інших веб-браузерах:

Кордони HTML таблиць без CSS
cellspacing="2"bgcolor="#999999"

HTML/XHTML. Код:

Кордони HTML таблиць без CSS

Колись, головним чином (але не тільки) в 1990-ті існувало кілька прийомів HTML, що використовувалися, щоб досягти деяких ефектів, які нині робляться за допомогою CSS. Поводження з межами HTML таблиць було одним з них.

В даному випадку насправді має місце не поводження з кордонами, а його імітація через використання атрибутів cellspacing та bgcolor. В даний час, аналогічно тому, як ситуація з вирівнюванням вмісту сторінки по центру за допомогою тега table, цей спосіб повно працюючий, нехай і застарілий в плані своєї концепції.

Загальна ідея

1. Атрибут bgcolor тега table використовується для того, щоб зробити фон таблиці певного кольору.

2. Атрибут bgcolor тега tr використовується, щоб зробити фон вмісту таблиці (рядки та комірки) певного, відмінного від фону таблиці, кольору.

3. Атрибут cellspacing тега table використовується,що б створити простір у певну кількість пікселів навколо осередків таблиці. Цей простір отримує колір, заданий атрибутом bgcolor тега table. Оскільки він відрізняється від фону рядків і осередків, це створює навколо осередків візуальні межі кольору фону таблиці.

Згадані кроки створюють у Arachne візуальні кордони лише між осередками таблиці, а не навколо них. І ці кроки не створюють взагалі ніякого візуального кордону в Netscape 3.04-6.0 та Mozilla 0.6-0.92. Тож слід додати ще одну таблицю навколо першої.

Атрибут bgcolor тега table видаляється з внутрішньої таблиці і прописується у зовнішній. Значення атрибуту cellspacing зовнішньої таблиці встановлюється рівним "0". Це створює необхідні візуальні кордони і в Arachne, і в Netscape 3.04-6.0, Mozilla 0.6-0.92.

Даний метод працює не тільки в Netscape 3.04-6.0, Mozilla 0.6-0.92 і Arachne, але також в інших веб-браузерах, так що його можна використовувати як універсальний спосіб.

Сторінка-прикладдля Internet Explorer 3.0 - зовнішній вигляд тексту вмісту та його вирівнювання по центру створені так само без використання CSS: [ Відкрити сторінку-приклад ] [ Завантажити в архіві ].

Сторінка-прикладдля Netscape 3.04-6.0 та Mozilla 0.6-0.92 - зовнішній вигляд тексту вмісту та його вирівнювання по центру створені так само без використання CSS: [ Відкрити сторінку-приклад ] [ Завантажити в архіві ].

Netscape Navigator 3.04 для Windows ( Завантажити )

Netscape Communicator 4.7 для Windows ( Завантажити )

Netscape Navigator 6.01 для Windows ( Завантажити )

Mozilla 0.6 для Windows ( Завантажити )

Mozilla 0.92 для Windows ( Завантажити )

Сторінка-прикладдля Arachne - зовнішній вигляд тексту вмісту та його вирівнювання по центру створені так само без використання CSS: [Відкрити сторінку-приклад ] [ Завантажити в архіві ].

Arachne 1.70 для DOS ( Завантажити )

Arachne 1.95 для DOS ( Завантажити )

Так само в Opera 2.12 – 3.50, але з деякими недоліками.

Dillo – частково. Dillo не підтримує атрибут height для td чи tr. Сам прийом створення візуальних кордонів у таблицях працює.