Сайтостроительство

       

Rules


правило, которое будет применяться к ячейкам внутри таблицы, возможные значение:

  • none - нет правил, значение по умолчанию
  • groups - применяются к группам, здесь я не буду рассматривать эти команды за ненадобностью
  • rows - применяются к рядам
  • cols - к ячейкам
  • all - ко всему

Я перечислил параметры frame и rules затем, чтобы дотошные читатели не завалили меня письмами с упреками, что я что-то забыл. У меня ни разу не возникала в них необходимость. Если у вас найдется красивый пример использования этих параметров, то, пожалуйста, пришлите его мне.

Сначала мы рассмотрим использование таблиц по их прямому назначению, а потом перейдем к эффективному форматированию HTML-документа при помощи таблиц. Пример таблицы с выравниванием по центру, размерами 300х200 пикселей, шириной рамки пять пикселей и синим цветом рамки. Расстояние между соседними ячейками устанавливается равным десяти пикселям. Расстояние от внутренней рамки ячейки до содержимого тридцать пикселей.

<table align=center width=300 height=200 border=5 bordercolor=0000FF cellspacing=10 cellpadding=30 background=07.jpg title="Всплывающая подсказка для данной таблицы"> <tr><td> 1 <td> 2 <tr><td> 3 <td> 4 </table>

1 2
3 4

Для вывода данных в таблицах лучше использовать ряды с чередующимися оттенками одного цвета и узкой рамкой. Ниже приведены два примера. Обратите внимание на то, как построена рамка в первой, а как во второй таблице. В первом случае устанавливается атрибут border=1. Во втором случае я хотел получить рамку размером один пиксель черного цвета. Но установив border=1 и bordercolor=000000, я получил черную рамку шириной в два пиксела. Пришлось извернуться, установить пространство между ячейками в один пиксель и задать цвет фона таблицы черным. Отлаживался я на броузере Internet Explorer 4.0. В Netscape 4.06 для того чтобы получить красивые рамки, придется делать вложенные таблицы. Кстати, здесь я опираюсь на стандарт HTML4.0, поэтому Netscape4х может многие примеры отображать некорректно.



<table align=center width=300 border=1 cellspacing=0 cellpadding=0> <tr bgcolor=CCCCFF> <td> Имя<td> Фамилия <tr bgcolor=EEEEEE> <td> Иван<td> Иванов <tr bgcolor=CCCCCC> <td> Петр<td> Петров </table>

<br>

<table align=center width=300 border=0 cellspacing=1 cellpadding=0 bgcolor=000000> <tr bgcolor=CCCCFF align=center> <td> Имя<td> Фамилия <tr bgcolor=EEEEEE> <td> Иван<td> Иванов <tr bgcolor=CCCCCC> <td> Петр<td> Петров </table>

Имя Фамилия
Иван Иванов
Петр Петров
Имя Фамилия
Иван Иванов
Петр Петров
Теперь давайте рассмотрим атрибуты команд <tr> и <td>


Содержание раздела