[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]

  • Страница 1 из 1
  • 1
Форум » Интернет » Всё для создания WEB сайта » Веб-строительство » Как разбить текст на две колонки
Как разбить текст на две колонки
ingvarr
(65528) Вне сайта
Дата: 08.10.2011, 22:25:56 | Сообщение № 1
admin
Репутация: 734
Награды: 117
Для того, чтобы сделать свою запись более компактной, можно разбить ее на 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>
Ответить



Форум » Интернет » Всё для создания WEB сайта » Веб-строительство » Как разбить текст на две колонки
  • Страница 1 из 1
  • 1
Поиск:

Рейтинг@Mail.ru HotLog