Kompx.com or Compmiscellanea.com

Границы 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 ].

DOS : Arachne [ 3 ].

Пример n.1:

  Границы HTML таблиц без CSS  
cellspacing="2"   bgcolor="#ff6600"

HTML / XHTML. Код:

<table width="100%" cellspacing="2" cellpadding="0" border="0" align="center" bgcolor="#ff6600">

<tr bgcolor="#ffffff">

<td width="33%" height="67">&nbsp;</td>

<td width="34%">Границы HTML таблиц без CSS</td>

<td width="33%">&nbsp;</td>

</tr>

<tr bgcolor="#ffffff">

<td height="67">cellspacing="2"</td>

<td>&nbsp;</td>

<td>bgcolor="#ff6600"</td>

</tr>

</table>

Пример n.2:

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

HTML / XHTML. Код:

<table width="100%" cellspacing="8" cellpadding="0" border="0" align="center" bgcolor="#999999">

<tr bgcolor="#ffffff">

<td width="33%" height="67">&nbsp;</td>

<td width="34%">Границы HTML таблиц без CSS</td>

<td width="33%">&nbsp;</td>

</tr>

<tr bgcolor="#ffffff">

<td height="67">cellspacing="8"</td>

<td>&nbsp;</td>

<td>bgcolor="#999999"</td>

</tr>

</table>

Пример n.3 - для Netscape 3.04-6.0, Mozilla 0.6-0.92 и Arachne. Работает так же в других веб браузерах:

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

HTML / XHTML. Код:

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#999999">

<tr>

<td>

<table width="100%" cellspacing="2" cellpadding="0" border="0">

<tr bgcolor="#ffffff">

<td width="33%" height="67">&nbsp;</td>

<td width="34%">Границы HTML таблиц без CSS</td>

<td width="33%">&nbsp;</td>

</tr>

<tr bgcolor="#ffffff">

<td height="67">cellspacing="2"</td>

<td>&nbsp;</td>

<td>bgcolor="#999999"</td>

</tr>

</table>

</td>

</tr>

</table>

Границы 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: [ Открыть страницу-пример ] [ Cкачать в архиве ].

Internet Explorer для Windows, старые версии ( Скачать пак, содержащий Internet Explorer версий 3.0, 4.01, 5.01, 5.5, 6.0 )

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

Netscape Navigator 3.04 для Windows ( Cкачать )

Netscape Communicator 4.7 для Windows ( Cкачать )

Netscape Navigator 6.01 для Windows ( Cкачать )

Mozilla 0.6 для Windows ( Cкачать )

Mozilla 0.92 для Windows ( Cкачать )

Страница-пример для Arachne - внешний вид текста содержимого и его выравнивание по центру созданы так же без использования CSS: [ Открыть страницу-пример ] [ Cкачать в архиве ].

Arachne 1.70 для DOS ( Cкачать )

Arachne 1.95 для DOS ( Cкачать )


[ 1 ]

Так же в Opera 2.12 - 3.50, но с некоторыми недостатками.

[ 2 ]

Dillo - частично. Dillo не поддерживает атрибут height для td или tr. Сам прием создания визуальных границ в таблицах работает.

[ 3 ]

С некоторым недостатком.


Aliosque subditos et thema

 

Настройка сети в DOS с помощью Microsoft Network Client 3.0

 

Для установки Microsoft Network Client 3.0 и настройки сети в DOS, необходимо: 1. Microsoft Network Client 3.0 [ Скачать ] 2. NDIS 2.0 драйвер для сетевой карты Ethernet. Например: Realtek RTL8029AS [ Скачать ]. Другие можно попробовать найти, к примеру, на сайтах производителей сетевых адаптеров Ethernet 3. В случае, если будет использоваться не MS-DOS 6.0+, QEMM97 [ Скачать ] Установка Microsoft Network Client 3.0 и настройка сети в DOS по шагам: 1. Создать папку, например C:\DRIVERS\, куда поместить NDIS 2.0 драйвер для сетевого адаптера Ethernet. 2. Подготовить установочные дискеты Microsoft Network Client 3.0: DSK3-1.EXE -d A: DSK3-2.EXE -d A: 3. С первой дискеты запустить setup.exe и начать установку Microsoft Network Client 3.0 Начинается установка. Что бы продолжить: Enter Выбрать каталог, куда будет установлен Microsoft Network Client 3.0. Можно ввести свой вариант, а можно оставить как есть - в рассматриваемом примере оставлено как есть. Enter Microsoft Network Client 3.0 собирает сведения о системе. Выбрать драйвер для сетевой карты Ethernet. Если в списке не оказывается нужного драйвера, тогда выбрать "*Network adapter not shown on list below ..." Enter Этот диалог появляется, если в предложенном в предыдущем шаге установки списке драйверов для сетевой карты Ethernet не обнаруживается необходимого драйвера и выбирается "*Network adapter not shown on list below ...". Указать путь к папке, в которой находится нужный драйвер для сетевой карты Ethernet. В рассматриваемом примере, это C:\DRIVERS\, вводим. Enter Выбрать драйвер из указанной в предыдущем шаге папки C:\DRIVERS\. В рассматриваемом примере, это RTL8029AS PCI Ethernet Adapter. Enter Выбрать позволить или нет Microsoft Network Client 3.0 использовать больше памяти в процессе работы ради наилучших результатов. Можно выбрать любой вариант. Например, позволить - Enter Ввести имя пользователя длиной до 20 знаков для идентификации в рабочей группе в рамках сети. Можно использовать латиницу, цифры и указанные знаки. В рассматриваемом примере, это "net".

JavaScript submit form

 

Обработка формы с помощью JavaScript. Выпадающий список (form + select + несколько option) обрабатывается без использования кнопки submit. Пример: --- Выбрать страницу --- Linux Windows DOS HTML / XHTML. Code: <form action="action.php" method="post"> <select name="page" required="required" onchange="this.form.submit()"> <option value="" selected="selected" disabled="disabled"> --- Выбрать страницу --- </option> <option value="http://www.kompx.com/ru/os/linux-1.htm">Linux</option> <option value="http://www.kompx.com/ru/os/windows-1.htm">Windows</option> <option value="http://www.kompx.com/ru/os/dos-1.htm">DOS</option> </select> <noscript><input type="submit" value="Submit" /></noscript> </form> Когда в выпадающем списке выбирается одна из опций, состояние формы изменяется. Так что происходит событие onchange и запускается JavaScript в onchange: процесс обработки формы и передачи данных инициируется скриптом, а не кликом на кнопку submit, которая отсутствует. Для работы с action формы назначается тот или иной скрипт [ 3 ], выполняемый на сервере. Скрипт принимает то, что отсылает форма и обрабатывает принятое. В данном примере используется PHP скрипт в action.php: <?php if (isset($_POST["page"])) {     header("Location: $_POST[page]");     exit; } else {     echo "Ничего не выбрано"; } $_POST представляет собой массив из переменных, передаваемых данному скрипту методом HTTP POST. Так что $_POST[page] содержит значение атрибута value в одном из option внутри select. То есть, URL. Он передается от формы к PHP скрипту, а скрипт перенаправляет браузер на выбранный URL / страницу. HTML код <noscript><input type="submit" value="Submit" /></noscript> присутствует в форме на случай, если JavaScript отключен. Тогда появится кнопка submit и форма все равно останется пригодной к использованию. [ 1 ] А так же в Netscape 3.04+, Mozilla 0.6+. [ 2 ] А так же в Netscape 3.04+, Mozilla 0.6+. [ 3 ] Если используется CMS, для работы с action формы может применяться один из ее собственных инструментов.