Таблицы. Вложенные таблицы

Когда мы учились делать таблицы в предыдущих уроках, то мы упоминали

о вложенных таблицах. Что же это такое и в чем их особенность? - это

обычные таблицы, которые располагаются в ячейках другой таблицы.

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

текстом какого-то отчета, а третья между ними для красоты:

Итак, перед нами таблица из одного ряда, с тремя ячейками (столбцами), в

третьей ячейке нельзя не заметить вложенную таблицу (с оригинальными и

не оригинальными). Теперь код:

<table>
<tr>
<td width="200" valign="top" bgcolor="#dae3eb" align="center">C 
каждым днём сайтов в интернете всё больше и больше. Каждый сайт не 
представляет собой ни чего нового, потому что все хорошие идеи уже кто -
 то воплотил  жизнь. Но изредка в интернете можно встретить оригинальный
 сайт, не похожий на других.</td>
<td width="10">&nbsp;</td>
<td width="200" valign="top" bgcolor="#dae3eb" align="center">Вот 
таблица, которая показывает сколько оригинальных сайтов и не 
оригинальных сайтов в интернете:
<br><br>
<table cellspacing="3">
<tr>
<td width="50" bgcolor="#fafafa">не оригинальные</td><td 
bgcolor="#fafafa">65%</td>
</tr>
<tr>
<td width="50" bgcolor="#fafafa">оригинальные</td><td 
bgcolor="#fafafa">20%</td>
</tr>
<tr>
<td width="50" bgcolor="#fafafa">порталы и форумы</td><td
 bgcolor="#fafafa">15%</td>
</tr>
</table>
<br><br>
Отчёт о сайтах интернета</td>
</tr>
</table>

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

таблица от обычной ничем не отличается. Благодаря вложенным таблицам

гораздо проще управлять содержимым сайта.

<td width="10" bgcolor="#fafafa">&nbsp;</td>

Давайте обратимся к коду нашей таблицы и вспомним, что эту ячейку мы

ввели для красоты. Чтобы ячейка не пустовала, в нее введен   (символ

неразрывного пробела, это спецсимвол). Это не просто так. Дело в том,

что есть любители использовать конструкцию типа: <td></td>.

Вот такую конструкцию некоторые броузеры просто-напросто игнорируют,

т.к. не любят пустых ячеек, поэтому для корректного отображения Вашей

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

размеров 1х1 пиксела.

Поделиться...