Несколько ячеек можно разместить под крышей одной таблицы.
Но ячейки при этом будут зависимыми. Если в ячейке находится изображение,
и мы хотим сообщить ему возможность быть увеличенным, то ячейка
с увеличением будет тянуть за собой соседние. Убедимся в этом на простейшем случае -
таблицы с двумя ячейками. Наведите курсор на рисунок - ячейка с рисунком,
увеличиваясь, растягивает при этом и соседнюю ячейку.
две зависимые ячейки в одну строку
Приведем кодировку такой таблицы.
<p align=center><table border=5 borderColor=0000ff cellpadding="0" cellspacing="1">
<td>
<img src='18.jpg' width=130 onmouseover='this.style.width=400'
onMouseout='this.style.width=130'></td>
<td style='border: 4 solid; border-color:green; background:cyan'><p align=
center><span style='font-size:30;color:red'>две зависимые ячейки в одну строку</span>
</td></table>
Чтобы ячейки стали независимыми, их нужно превратить в таблицы.
<p align=center><table border=0 cellpadding="0" cellspacing="1">
<td>
<table border=5 bgColor=00ff00 borderColor=0000ff>
<td>
<img src='18.jpg' width=130 onmouseover='this.style.width=400'
onMouseout='this.style.width=130'></td>
</td></table>
<td>
<table height=100 border=5 bgColor=ccffcc borderColor=ff00ff>
<td>
<p align=center><span style='font-size:30;color:red'>три таблицы в одну строку</span>
</td></table>
</table>
Эта кодировка дает две таблицы в один ряд. Если ее рассматривать как таблицу
с двумя ячейками, то последние будут независимыми. При увеличении ячейки с
изображением вторая ячейка остается неизменной. Обратите внимание на то,
что сам заголовок этой страницы выполнен в виде трех таблиц в ряд
(три независимые ячейки). В этом можно убедиться, нодведя курсор к ячейкам
с рисунком.
две НЕЗАВИСИМЫЕ ячейки (две таблицы в одну строку)
Обратите внимание на то, что сам заголовок этой страницы выполнен в виде
трех таблиц в ряд (три независимые ячейки). В этом можно убедиться,
наведя курсор к ячейкам с рисунком.