Гость !!! | RSS
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Новости [61]
Х-Новости [44]
Самое..., самое!!! [342]
ИнтересНости [241]
Праздничная [3]
Ghostly photo
Раскрыта загадка сверхновой, замеченной 2000 лет назад
Раскрыта загадка сверхновой, замеченной 2000 лет назад
Найден самый дальний звездный объект во Вселенной
Найден самый дальний звездный объект во Вселенной
Мандрагора! Мистическое лекарственное растения
Мандрагора! Мистическое лекарственное растения
Совсем скоро - Новый 2013 год!!!
Совсем скоро - Новый 2013 год!!!
Устами Обамы - Израиль в жопе!
Устами Обамы - Израиль в жопе!
Рекорды Гинесса за 2010 год
Рекорды Гинесса за 2010 год
Красивые породисто-племенные девушки (26 фото)
Красивые породисто-племенные девушки (26 фото)
Пляжные страсти - Микро-бикини (15 фото)
Пляжные страсти - Микро-бикини (15 фото)
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Головоломки · flipit
Поиск предметов · Лунтик. В поисках звезды
Аркады и экшн · Чудесный огород
Головоломки · Сокровища Монтесумы

Катай!!!
Корифаны сайта

Баннерообмен
Our button

[ Получить код баннера ]
Таблицы в HTML документе, Атрибуты Rowspan и Colspan

Давайте разберем эту таблицу.

1 ячейка 2 ячейка 3 ячейка 4 ячейка
1 ячейка 2 и 3- я ячейка 2х строк 4 ячейка
1 ячейка 4 ячейка
<table width="300" border="1" bgcolor="#EED7FF">
<tr>
<td width="75">1 ячейка</td>
<td width="75">2 ячейка</td>
<td width="75">3 ячейка</td>
<td width="75">4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td colspan="2" rowspan="2">2 и 3- я ячейка 2х строк</td>
<td>4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td>4 ячейка</td>
</tr>
</table>

Но сначала представим эту таблицу немного в ином роде.

1 ячейка 2 ячейка 3 ячейка 4 ячейка
1 ячейка 2, 3- я ячейка 2 ой строки 4 ячейка
1 ячейка 2, 3- я ячейка 3 ой строки 4 ячейка
<table width="300" border="1" bgcolor="#EED7FF">
<tr>
<td width="75">1 ячейка</td>
<td width="75">2 ячейка</td>
<td width="75">3 ячейка</td>
<td width="75">4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td colspan="2">2, 3- я ячейка 2 ой строки</td>
<td>4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td colspan="2">2, 3- я ячейка 3 ой строки</td>
<td>4 ячейка</td>
</tr>
</table>

Теперь давайте внимательно рассмотрим таблицу и ее код.
В первой строке таблицы видно четыре ячейки, как и должно быть.
Во второй строке, вторая и третья ячейка объединились и образовали
одну ячейку с атрибутом colspan="2". Итого во второй строке имеем
три ячейки. В третьей строке, вторая и третья ячейка тоже объеденились
и образовали ячейку с атрибутом colspan="2". Итого в третьей строке
тоже имеем три ячейки. Теперь нам надо объеденить вторую ячейку
второй строки, с атрибутом colspan="2", со второй ячейкой третьей строки,
с атрибутом colspan="2". Как, Вы уже знаете, при объединение двух ячеек
соседник строк получается одна ячейка с атрибутом rowspan=2. Ячейки,
которые мы собираемся объеденить имеют одинаковый атрибут colspan=2.
Поэтому мы передаем этот атрибут новой ячейке, которая образуется после
объединения двух этих ячеек, в то же время эта, новая ячейка будет иметь
еще один атрибут, объединения двух ячеек соседних строк, rowspan=2.
Пишем код таблицы.

<table width="300" border="1" bgcolor="#EED7FF">
<tr> <td width="75">1 ячейка</td>
<td width="75">2 ячейка</td>
<td width="75">3 ячейка</td>
<td width="75">4 ячейка</td>
</tr>
<!--Оставляем первую строку без изменений.
Пишем вторую строку. Так как, Вы уже знаете, что при объединении ячеек соседних строк, в коде таблицы
ячейка с атрибутом "rowspan" записывается в
самой верхней из строк, ячейки которых объеденились. Поэтому во второй строке
записываем три ячейки, одна из которых (вторая) будет иметь два атрибута, rowspan=2 и colspan=2. -->
<tr>
<td>1 ячейка</td>
<td colspan="2" rowspan="2">2 и 3- я ячейка 2х строк</td>
<td>4 ячейка</td>
</tr>
<!-- Так как, вторая ячейка третьей строки была поглощена второй
ячейкой второй строки, в третьей строке мы не указываем эту ячейку. -->
<tr>
<td>1 ячейка</td>
<td>4 ячейка</td>
</tr>
</table>

В итоге получаем то , что нам и было нужно.

1 ячейка 2 ячейка 3 ячейка 4 ячейка
1 ячейка 2 и 3- я ячейка 2х строк 4 ячейка
1 ячейка 4 ячейка

Не так уж это и сложно как кажется! Не правда ли?




Профиль
Ваш браузер: -
IP-адрес: 18.216.233.58

Логин:uID поддержка
Пароль:
Забыл пароль || Регистрация



Заговор от алкоголя
Беломорканал - Привет босота Татьяна Буланова - Нежность Scooter - How Much Is the Fish Eminem - Deja Vu
Tag cloud
Свернуть Архив записей Развернуть
«  Апрель 2024  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930
Опросник
Деньги — это …?
Всего ответов: 85
Соколиный, Кошачий и Тигровый глаз
Соколиный, Кошачий и Тигровый глаз
Толкование значения снов, на букву: «К»
Толкование значения снов, на букву: «К»
Совместимость по знаку зодиака: Овен – Овен
Совместимость по знаку зодиака: Овен – Овен
Совместимость по знаку зодиака Скорпион – Водолей
Совместимость по знаку зодиака Скорпион – Водолей
Совместимость по знаку зодиака Весы – Овен
Совместимость по знаку зодиака Весы – Овен
Анекдоты про психиатров - (60)
Анекдоты про психиатров - (60)
Ломаем мифы
Ломаем мифы
Кто как напивается?!
Кто как напивается?!
Анекдоты про цирк - (14)
Анекдоты про цирк - (14)
Приключения кота Барсика
Приключения кота Барсика
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2024 ()
уЧётчик сайта