Когда мы учились делать таблицы, то было упоминуто о вложенных таблицах. Что же это такое и в чем их особенность? - это обычные таблицы, которые располагаются в ячейках другой таблицы, и больше ничего особенного в них нет... почти.

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

Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст.   Просто текст:

11165%
22220%
33315%


!!!------!!!

Итак, перед нами таблица из одного ряда, с тремя ячейками (столбцами), в третьей ячейке нельзя не заметить вложенную таблицу. Теперь код:

<table>
<tr>
<td width="200" valign="top" background="blue.gif" align="center">Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст. Просто текст.</td>
<td width="10" background="white.gif">&nbsp;</td>
<td width="200" valign="top" background="blue.gif" align="center">Просто текст:
<br><br>

<table cellspacing="3">
<tr>
<td width="50" background="white.gif">111</td><td background="white.gif">65%</td>
</tr>
<tr>
<td width="50" background="white.gif">222</td><td background="white.gif">20%</td>
</tr>
<tr>
<td width="50" background="white.gif">333</td><td background="white.gif">15%</td>
</tr>
</table>


<br><br>
За сим все</td>
</tr>
</table>

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

Но все же здесь есть некоторые нюансы, на которые следует обратить внимание: background="картинка.gif" - раньше мы говорили о параметре bgcolor, который задает цвет фона для таблицы (ряда, ячейки), а параметр background задает фоновую картинку для таблицы (ряда, ячейки).

А теперь сам нюанс: вроде было бы логичнее прописать просто белый фон для вложенной таблицы (bgcolor="#ffffff"), а не мучаться, создавая просто белую картинку и делая ее фоном (background="white.gif"), ведь так оно быстрее. Да, быстрее, но дело в том, что если IE (Internet Explorer) отображает параметр bgcolor для вложенных таблиц, то NN (Netscape Navigator) этот параметр для вложенных таблиц отказывается отображать, поэтому приходиться идти обходным путем, используя background.

<td width="10" background="white.gif">&nbsp;</td>

Давайте обратимся к коду нашей таблицы и вспомним, что эту ячейку мы ввели для красоты. Чтобы ячейка не пустовала, в нее введен &nbsp; (символ неразрывного пробела). Это не просто так. Дело в том, что есть любители использовать конструкцию типа: <td></td>. Вот такую конструкцию NN просто напросто игнорирует, т.к. не любит пустых ячеек, поэтому для корректного отображения вашей таблицы везде вставляйте в пустые ячейки или &nbsp;, или мелкую картинку 1х1 пикселов.

И последнее: align="center" (right, left). Помните, мы уже говорили о параметре align, так вот, как видите, его можно задать для содержимого ячейки (см. наш пример), только вот удобного align="justify" тут нет.

Вот, пожалуй, и все.

<< BACK | NTXT >>