Your Roll

Рейтинг ролевых ресурсов. Каталог ролок. Полезные инструменты для администраторов ролевых игр.


Вы не подключены. Войдите или зарегистрируйтесь

Предыдущая тема Следующая тема Перейти вниз  Сообщение [Страница 1 из 1]

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Особенно нужны таблицы на ролевых играх, где нужно как можно компактнее разместить обилие информации - причём вся важная.

Практически все коды не создают одинаковых по ширине колонок - размеры подстраиваются под содержимое. Эти же - с одинаковыми столбцами, и они смотрятся гораздо приятнее.

Три колонки с границами:
Код:
<table style="width: 100%;">
<tr>
<td style="width: 33%;">
Колонка 1
</td>
<td style="width: 33%;">
Колонка 2
</td>
<td>
Колонка 3
</td>
</tr>
</table>

Три колонки без границ:
Код:
<table style="border: 0; width: 100%;">
<tr>
<td style="width: 33%;">
Колонка 1
</td>
<td style="width: 33%;">
Колонка 2
</td>
<td>
Колонка 3
</td>
</tr>
</table>

Две колонки с границами:
Код:
<table style="width: 100%;">
<tr>
<td style="width: 50%;">
Колонка 1
</td>
<td>
Колонка 2
</td>
</tr>
</table>

Две колонки без границ:
Код:
<table style="border: 0; width: 100%;">
<tr>
<td style="width: 50%;">
Колонка 1
</td>
<td>
Колонка 2
</td>
</tr>
</table>

Блок 2х2 с границами:
Код:
<table style="width: 100%;">
<tr>
<td style="width: 50%;">
Ячейка 1
</td>
<td>
Ячейка 2
</td>
</tr>
<tr>
<td style="width: 50%;">
Ячейка 3
</td>
<td>
Ячейка 4
</td>
</tr>
</table>

Ячейка 1Ячейка 2
Ячейка 3Ячейка 4

Блок 2х2 без границ:
Код:
<table style="width: 100%;">
<tr>
<td style="width: 50%;">
Ячейка 1
</td>
<td>
Ячейка 2
</td>
</tr>
<tr>
<td style="width: 50%;">
Ячейка 3
</td>
<td>
Ячейка 4
</td>
</tr>
</table>

Ячейка 1Ячейка 2
Ячейка 3Ячейка 4


Блок 3х2 с границами:
Код:
<table style="width: 100%;">
<tr>
<td style="width: 50%;">
Ячейка 1
</td>
<td>
Ячейка 2
</td>
<td>
Ячейка 3
</td>
</tr>
<tr>
<td style="width: 50%;">
Ячейка 4
</td>
<td>
Ячейка 5
</td>
<td>
Ячейка 6
</td>
</tr>
</table>

Ячейка 1Ячейка 2Ячейка 3
Ячейка 4Ячейка 5Ячейка 6

Блок 2х2 без границ:
Код:
<table style="width: 100%;">
<tr>
<td style="width: 50%;">
Ячейка 1
</td>
<td>
Ячейка 2
</td>
<td>
Ячейка 3
</td>
</tr>
<tr>
<td style="width: 50%;">
Ячейка 4
</td>
<td>
Ячейка 5
</td>
<td>
Ячейка 6
</td>
</tr>
</table>

Ячейка 1Ячейка 2Ячейка 3
Ячейка 4Ячейка 5Ячейка 6

(с) Your Roll. Туториал предоставлен блоггером и кибермагом Космо Мизраил Горынычем. Любая публикация данного материала без его разрешения запрещена.

Посмотреть профиль

Предыдущая тема Следующая тема Вернуться к началу  Сообщение [Страница 1 из 1]

Права доступа к этому форуму:
Вы не можете отвечать на сообщения