Web-mastering: портал вебмастеров (web-мастеров) о web-дизайне, web-программировании, раскрутке; статьи по веб-дизайну, веб-программированию для вебмастеров
Очень часто возникает
необходимость создать таблицы подобного
рода:
Дата
Счет
Дебет
Кредит
10.01.99
1253,00
10,00
13.02.99
5631,00
123,40
Достигается это с помощью
атрибутов тэга <TD>COLSPAN
и ROWSPAN, которые задают
количество колонок и рядов, которые
занимает ячейка. Чтобы было понятнее
рассмотрим следующий пример:
ROWSPAN=2 Эта ячейка
занимает 2 ряда.
COLSPAN=2
Эта ячейка занимает 2 колонки
Атрибуты COLSPAN и ROWSPAN
не используются
Атрибуты COLSPAN и ROWSPAN
не используются
Атрибуты COLSPAN и ROWSPAN
не используются
Атрибуты COLSPAN и ROWSPAN
не используются
Атрибуты COLSPAN и ROWSPAN
не используются
Вот код этой таблицы:
<TABLE BORDER=1 CELLPADDING=5 CELLSPACING=0>
<TR>
<TD ROWSPAN=2 BGCOLOR="#ffe6ec">ROWSPAN=2
Эта ячейка занимает 2 ряда.</TD>
<TD COLSPAN=2 BGCOLOR="#ffe6ec" ALIGN=CENTER>COLSPAN=2
Эта ячейка занимает 2 колонки</TD>
</TR>
<TR>
<TD>Атрибуты COLSPAN и ROWSPAN
не используются</TD>
<TD>Атрибуты COLSPAN и ROWSPAN
не используются</TD>
</TR>
<TR ALIGN=RIGHT>
<TD>Атрибуты COLSPAN и ROWSPAN
не используются</TD>
<TD>Атрибуты COLSPAN и ROWSPAN
не используются</TD>
<TD>Атрибуты COLSPAN и ROWSPAN
не используются</TD>
</TR>
</TABLE>
Другой пример таблицы, в которой
часто возникает необходимость при
создании страниц:
Текст
Текст
Текст
Текст
Текст
Чтобы было понятнее как это
получается рассмотрим вот такой вариант
этой таблицы:
Текст
Текст
Текст
Текст
Текст
Здесь мы использовали вложенную
талицу, которая располагается внутри
ячейки с атрибутом ROWSPAN:
Атрибуты WIDTH=100% и HEIGHT=100%
вложенной таблицы заставляют ее занять
все доступное пространство в ячейке. Но
Netscape Navigator не может правильно
интерпретировать данные атрибуты.