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>
|
|
|
|