Перейти к содержимому


Фотография

bbcode для таблиц


  • Закрытая тема Тема закрыта
В теме одно сообщение

#1 bak

bak

Отправлено 17 Сентябрь 2017 - 00:00

Настоящие таблицы, в отличие от текста фиксированной ширины (например, как было в бан-листе), можно адаптировать под маленький экран смартфона - они будут прокручиваться направо, если не влезут.

 

В текстовый редактор добавлены 4 тега: table, tr, th и td. Сначала мы берем "оболочку" таблицы table, внутрь нее добавляем строки tr, сколько требуется. Внуть первой строки добавляем ячейки заголовка th, внутрь последующих строк добавляем обычные ячейки td.

ячейка заголовкаячейка заголовкаячейка заголовка
обычная ячейкаобычная ячейкаобычная ячейка

Количество ячеек в каждой строке должно быть одинаковым:
 

ячейка заголовкаячейка заголовкаячейка заголовка
обычная ячейкаобычная ячейкаобычная ячейка

 
Теги можно писать вручную, а можно выбирать в меню редактора:
 
Qts0D9c.png
 
g6SYrqd.png
 
Отмечу, что создавать таблицу имеет смысл, только когда колонок с данными несколько. Классические списки участников в командах воздержания в одну колонку быстрее создавать и редактировать без всяких таблиц:
 
1. Участник
2. Участник
3. Участник
 
Но если у вас несколько групп участников, то с помощью таблицы можно cделать так:
 
Группа 1Группа 2
1. Участник
2. Участник
5. Участник
8. Участник
10. Участник
14. Участник
16. Участник
19. Участник
3. Участник
4. Участник
6. Участник
11. Участник
15. Участник

В этом примере я не стал создавать ячейку для каждого участника. Главное разбить список на 2 колонки. Для этого нужно всего 2 ячейки. Переносить участников из одной колонки (ячейки) в другую очень легко:

Группа 1Группа 2
1. Участник 2. Участник 5. Участник 8. Участник 10. Участник 14. Участник 16. Участник 19. Участник 3. Участник 4. Участник 6. Участник 11. Участник 15. Участник

Без заголовков th:

Группа 1
1. Участник
2. Участник
5. Участник
8. Участник
10. Участник
14. Участник
16. Участник
19. Участник
Группа 2
3. Участник
4. Участник
6. Участник
11. Участник
15. Участник

 

Кроме этого, вы можете использовать тег table1 для выравнивания таблицы по центру:

 

ЗаголовокЗаголовокЗаголовок
ДанныеДанныеДанные
ДанныеДанныеДанные

 

И тег table2 для выравнивания таблицы по ширине:

 

ЗаголовокЗаголовокЗаголовок
ДанныеДанныеДанные
ДанныеДанныеДанные

 

Ячейки тоже можно выравниванить по центру (тег td1) и по правому краю (тег td2):

 

ячейкиячейкиячейки
выровненывыровненывыровнены
по левому краюпо центрупо правому краю

 

Аналогично выравниваются заголовки (теги th1 и th2).

 

Также вы можете воспользоваться генератором bbcode для таблиц
 
Надеюсь пригодится.


  • Wellender1994, istinys, Воздержанный и 12 другим это нравится

#2 Лучник

Лучник

    Восстанавливающийся

  • Доверенные
  • Меценаты
  • Пользователь 30700
  • 6 867 сообщений

Отправлено 18 Сентябрь 2017 - 09:27

Спасибо за информацию, очень полезно!

 

Чувствуется школа html-академии  :) .


  • kosmonaft, bak, Wellender1994 и 9 другим это нравится


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных