Caйт для веб-мастера.

 Главная | Мой профиль | Выход / Вы вошли как Гость | Группа "Гости" | RSS / Вторник, 23.01.2018


     

Задавать значение width ширину можно в пикселях так и в процентах впределах 100%, высота height не задается в процентах, не указывая ее, расширение происходит по наличию содержимого ячейки.
Для центрирования одержимого ячейки <center></center>
Для размещения содержимого вверху или внизу valign="middle" (top, bottom).
Ячейка растягивается на количество столбцов Colspan, для рядов row span.
 
<table>
<tr bgcolor="#FF00FF">
<td height="50" width="70" colspan="2">1-1</td>
<td width="70" >1-2</td>
<td width="70" >1-3</td>
<td width="70" rowspan="2">1-4</td>
</tr>
<tr>
<td height="50" width="70" bgcolor="#800080">2-1</td>
<td width="70" bgcolor="#0000FF">2-2</td>
<td width="70" bgcolor="#800080">2-3</td>
<td width="70" bgcolor="#0000FF"><center>2-4</center></td>
</tr>
</table>

 
У предложенной таблицы мы можем видеть пространство между ячейками при помощи cellspacing="0"можно убрать или увеличить расстояние задав5.

 
<table cellspacing="0">
<tr bgcolor="#FF00FF">
<td height="50" width="70" colspan="2">1-1</td>
<td width="70" >1-2</td>
<td width="70" >1-3</td>
<td width="70" rowspan="2">1-4</td>
</tr>
<tr>
<td height="50" width="70" bgcolor="#800080">2-1</td>
<td width="70" bgcolor="#0000FF">2-2</td>
<td width="70" bgcolor="#800080">2-3</td>
<td width="70" bgcolor="#0000FF"><center>2-4</center></td>
</tr>
</table>

 
Для вложенных таблиц в таблицу просто вставляем ее туда да и все.
Новый пример.

 
<table bgcolor="#000000">
<tr>
<td width="200" valign="top" background="name3.jpg" align="center">Ячейка №1</td>
<td width="200" valign="top" background="name3.jpg" align="center">Ячейка №2
<br><br>
<table cellspacing="5">
<tr>
<td width="50" bgcolor="#FF00FF">1серия</td>
<td bgcolor="#FF00FF">первая</td>
</tr>
<tr>
<td width="50" bgcolor="#FF00FF"">2серия</td>
<td bgcolor="#FF00FF">вторая</td>
</tr>
<tr>
<td width="50" bgcolor="#FF00FF">3серия</td>
<td bgcolor="#FF00FF">третья</td>
</tr>
</table>
<br><br>
итог.</td>
</tr>
</table>

 
В этом примере был использован атрибут
background="name3.jpg"

 
это будет фоновый рисунок ячейки. Для примера создайте его name3.jpg и вложите в папку с
данным документом. Воспользуйтесь border="4" указав таким образом рамку таблицы вкладывая таблицу в таблицу можно достигать удивительного эффекта.

 
<table height="100" width="100" border="4" bgcolor="#008880">
<tr>
<td>
<table width="100%" border="2"></table>
</td>
</tr>
</table>


УЧЕБНИК

САЙТЫ КАТАЛОГА
Обслуживание КМ 5 в Омске, сдача отчетов. Поверка, ремонт приборов.
Обслуживание Эльф в Омске, сдача отчетов. Поверка, ремонт приборов.
VBAZE - биржа студенческих работ
Техническое обслуживание ВКТ 4 в Омске, сдача отчетов.
Обслуживание КМ 5 в Омске, сдача отчетов.
VERX Верхняя женская одежда
VERX Верхняя женская одежда оптом и в розницу
VERX Верхняя женская одежда
verx007
Техническое обслуживание приборов учета тепловой энергии в Омске, сдача отчетов. Поверка, ремонт приборов.