| ingvarr | (65528) Вне сайта Дата: 08.10.2011, 22:25:56 | Сообщение № 1
|
admin
| Для того, чтобы сделать свою запись более компактной, можно разбить ее на 2 столбца, или колонки. Достичь этого можно несколькими способами.
Способ первый при помощи тега <div>:
подставляем текст правой и левой колонок в следующую формулу:
<div style="float: left; width: 49%;">Текст левой колонки</div><div style="float: right; width: 49%;">Текст правой колонки</div><div class="clear">
Второй способ - табличный. С его помощью можно разбить текст на 2 столбца с вертикальной чертой между ними. Заполняем следующий код своим текстом:
<table border=0 cellpadding=0 cellspacing=10>
<tr>
<td valign=top>1 колонка</td>
<td width=1 bgcolor=#000000><img src=1x1.gif width=1 height=1></td>
<td valign=top>2 колонка</td>
</tr>
</table>
На blogspote лучше обойтись без ветикальной черты, она отображается не корректно.
3 способ похож на предыдущий, но отличается в способе задания разделительной черты. Так как в некоторых блогосервисах не все коды отражаются адекватно, то можно попробовать и этот вариант.
Код:
<table border=0 cellpadding=0 cellspacing=10>
<tr>
<td valign=top>текст левой колонки
</td>
<td width=1 bgcolor=#000000><hr noshade align="center" width="3" size="50"></td>
<td valign=top>текст правой колонки
</td>
</tr>
</table>
|
| |
|
|
