Граници на 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
cellpacing="2"bgcolor="#ff6600"

HTML/XHTML. Код:

Граници на HTML таблица без CSS
cellpacing="8"bgcolor="#999999"

HTML/XHTML. Код:

Пример n.3е за Netscape 3.04-6.0, Mozilla 0.6-0.92 и Arachne. Работи по същия начин в други уеб браузъри:

Граници на HTML таблица без CSS
cellpacing="2"bgcolor="#999999"

HTML/XHTML. Код:

Граници на HTML таблица без CSS

Имало едно време, главно (но не само) през 90-те години, имаше няколко HTML трика, използвани за постигане на някои от ефектите, които сега се правят с CSS. Обработката на границите на HTML таблици беше една от тях.

В този случай всъщност не се извършва обработка на граници, а нейната имитация чрез използването на атрибутите cellspacing и bgcolor. Понастоящем, подобно на начина, по който става с подравняването на съдържанието на страницата към центъра с помощта на тага table, този метод е напълно функционален, макар и остарял по отношение на концепцията си.

Главна идея

1. Атрибутът bgcolor на тага на таблицата се използва, за да направи фона на таблицата в определен цвят.

2. Атрибутът bgcolor на маркера tr се използва, за да направи фона на съдържанието на таблицата (редове и клетки) със специфичен цвят, различен от фона на таблицата.

3. Използва се атрибутът cellpacing на тага на таблицата,за създаване на пространство от определен брой пиксели около клетките на таблицата. Това пространство получава цвета, определен от атрибута bgcolor на тага на таблицата. Тъй като е различен от фона на редове и клетки, той създава визуални граници около клетките с цвета на фона на таблицата.

Горните стъпки само създават визуални граници между клетките на таблицата в Arachne, но не и около тях. И тези стъпки изобщо не създават визуална граница в Netscape 3.04-6.0 и Mozilla 0.6-0.92. Така че трябва да се добави още една таблица около първата.

Атрибутът bgcolor на тага на таблицата се премахва от вътрешната таблица и се добавя към външната. Стойността на атрибута cellpacing на външната таблица е зададена на "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 не поддържа атрибута за височина за td или tr. Самата техника за създаване на визуални граници в таблици работи.