Объединенные ячейки в таблицах

[Shendary]

Задаются с помощью двух параметров:
COLSPAN - определяет число столбцов, объединяемых одной ячейкой,
ROWSPAN - определяет число строк, объединяемых одной ячейкой.


Пример с rowspan

1	2
	3
	4

Код:

<table width="10%;" border="1" cellspacing="1" cellpadding="1">
<tr><td rowspan="3" align="center">1</td><td align="center">2</td></tr>
<tr><td align="center">3</td></tr>
<tr><td align="center">4</td></tr>
</table>

Пример с colspan:

1
2	3	4

Код:

<table width="10%;" border="1" cellspacing="1" cellpadding="1">
<tr><td colspan="3" align="center">1</td></tr>
<tr><td align="center">2</td><td align="center">3</td><td align="center">4</td></tr>
</table>

Помимо очевидного применения для оформления записи, это так же можно использовать для оформления эпиграфа в бесплатных дневниках (тем, у кого есть CSS, это вряд ли будет интересно).



Код:

<table width="100%;" border="0" cellspacing="0" cellpadding="0">
<tr><td rowspan="4" align="right"><img src="http://s40.radikal.ru/i089/1109/b3/7c536e0fc9f8.jpg"></td><td align="left"><a href="http://www.diary.ru/~diary-tips/" title="Ссылка, которая должна вести на пост, но в реале редет на это же соо" target=_blank><img src="http://s56.radikal.ru/i154/1109/f4/a01a9b0d9393.jpg"></a></td></tr>
<tr><td align="left"><a href="http://www.diary.ru/~diary-tips/" title="Ссылка, которая тоже ведет на это же соо" target=_blank><img src="http://s47.radikal.ru/i116/1109/87/276fb1ea0d3f.jpg"></a></td></tr>
<tr><td align="left"><a href="http://www.diary.ru/~diary-tips/" title="И эта тоже" target=_blank><img src="http://s49.radikal.ru/i125/1109/63/659581eca0b7.jpg"></a></td></tr>
<tr><td align="left"><a href="http://www.diary.ru/~diary-tips/" title="Ну вы поняли" target=_blank><img src="http://i066.radikal.ru/1109/6e/9af1fd269a5f.jpg"></a></td></tr>
</table>

На примере живого дизайна: картинка

@темы: Оформление дневника, Теги оформления записи, Эпиграф

Comments

[Волчий_ветер]

А как сделать границы прозрачными ? у меня цвет не прописан, но границы все равно серые.

upd: ну в принципе со своим случаем я ужо разобралась ))

[Shendary]

Волчий_ветер, параметр border на 0 выставить, под последней картинкой именно такой пример

[Shendary]

Волчий_ветер, параметр border на 0 выставить, под последней картинкой именно такой пример

[Волчий_ветер]

Shendary, мм, вот оно как, спасибо)). ну а я просто сделала в цвет фона записи))