Работа дома в интернете без вложений.    Самые популярные и доступные способы заработка в сети..    Популярнейший развлекательный сайт. Много свежих анекдотов и всякой смешной всячины.



Рекламный блок

Рейтинг@Mail.ru
Goon Каталог сайтов



Растягивание ячеек в таблицах html.



   Иногда при вёрстке таблиц требуется объединить несколько ячеек по горизонтали или вертикали в одну. Для этого используют атрибуты colspan и rowspan.

сolspan – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1;
rowspan – определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

Давайте растянем первую строку на две ячейки с помощью атрибута сolspan. Для этого нам нужно в первой строке, для которой мы прописали атрибут colspan="2", убрать один столбец.


<table border="2" bordercolor="#990066" 
bgcolor="#FF9933">
<tr>
<td height="50" width="200" valign="top" 
align="center" bgcolor="#9999FF" 
colspan="2">строчка1 столбец1</td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td>
<td width="150"  valign="middle" 
align="left">строчка 2 столбец2</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td>
<td width="150" valign="top" 
align="right">строчка 3 столбец2</td> 
</tr>
</table>























   Вид данного кода в html:

строчка1 столбец1
строчка 2 столбец1 строчка 2 столбец2
строчка 3 столбец1 строчка 3 столбец2

   Теперь, с помощью атрибута rowspan растянем первый столбец на три ряда. Для этого мы прописываем атрибут rowspan="3" для первой строчки, в остальных строчках мы просто убираем все столбцы под цифрой 2:


<table border="2" bordercolor="#990066" 
bgcolor="#FF9933">
<tr>
<td height="50" width="200" valign="top" 
align="center">строчка1 столбец1</td>
<td width="150" valign="middle" align="left" rowspan="3" 
bgcolor="#9999FF">строчка 1 столбец2</td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td> 
</tr>
</table>




















   Вид данного кода в html:

строчка1 столбец1 строчка 1 столбец2
строчка 2 столбец1
строчка 3 столбец1

   Для лучшего усвоения материала по заработку в интернете на дому на своём сайте разберём комбинированный пример, где будут находиться оба параметра сolspan и rowspan:


<table border="2" bordercolor="#990066" 
bgcolor="#FF9933">
<tr>
<td height="50" width="200" valign="top" 
align="center" bgcolor="#9999FF" 
colspan="2">строчка1 столбец1</td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td> 
<td width="150" valign="middle" align="left" 
rowspan="2" bgcolor="#9999FF">строчка 2 столбец2</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td> 
</tr>
</table>





















   Вид данного кода в html:

строчка1 столбец1
строчка 2 столбец1 строчка 2 столбец2
строчка 3 столбец1

   Далее мы разберём ещё несколько атрибутов для таблиц html.



2018-02-25 14:24:10 - Не могу записать данные в файл: /var/www/cleopa/data/www/soiskateliam.com/spiretonsink/cache_soiskateliam_com_f4.txt
2018-02-25 14:24:10 - Не могу записать данные в файл: /var/www/cleopa/data/www/soiskateliam.com/spiretonsink/cache_soiskateliam_com_f4.txt

Погода
Москва
pogoda.ru.net

Курсы валют
http://www.romma.ru/

Рекламный блок
Необходимо выставить права 777 на папку 78435758
Error: Cache dir: Permission denied!
Error: Can't open cache file!
Error: Can't write cache!

Новинки кино
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Работа дома в интернете без вложений.    Самые популярные и доступные способы заработка в сети..    Популярнейший развлекательный сайт. Много свежих анекдотов и всякой смешной всячины.
Сайт создан в 2010 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь с разрешения владельца сайта.