Таблицы.

Ступенька 18 - "Фон таблицы. Задаём ширину и высоту ячеек".

Фон задается атрибутом bgcolor="цвет_фона". Фон можно задать для таблицы в целом, для ряда, для ячейки (в пределах одного ряда).

Если вы хотите задать фон для ряда, то атрибут bgcolor надо прописывать в тэге <tr>:
<tr bgcolor="цвет_фона">

Если вы хотите задать фон для всей таблицы, то атрибут bgcolor необходимо прописывать в тэге <table>:
<table bgcolor="цвет_фона">

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

Вернемся к примеру таблицы на предыдущей ступеньке и сделаем в нем фон шахматкой (чередуя черный и красный цвета в ячейках):

<table>
<tr>
<td bgcolor=red > 1x1 </td>
<td bgcolor=black > 1x2 </td>
<td bgcolor=red > 1x3 </td>
</tr>
<tr>
<td bgcolor=black > 2x1 </td>
<td bgcolor=red > 2x2 </td>
<td bgcolor=black > 2x3 </td>
</tr>
</table>

Высота и ширина ячеек таблицы задаётся атрибутами height и width соответственно. С их помощью вы можете задать параметры как для всей таблицы, так и для одного ряда, или для одного столбца. Высоту и ширину можно задать как в пикселях, так и в процентах.

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

В нашем примере таблицы зададим ширину ячеек равную 55 пикселей, и высоту равную 35 пикселей:

<table>
<tr>
<td height="35" width="55" bgcolor=red> 1x1 </td>
<td width="55" bgcolor=black> 1x2 </td>
<td width="55" bgcolor=red> 1x3 </td>
</tr>
<tr>
<td height="35" bgcolor=black> 2x1 </td>
<td bgcolor=red> 2x2 </td>
<td bgcolor=black> 2x3 </td>
</tr>
</table>

[ Назад: Ступенька 17-ая ] [ Далее: Ступенька 19-ая ]