Alex1
Избранник богов
- Регистрация
- 22 Янв 2014
- Сообщения
- 11.342
- Реакции
- 5.773
- Баллы
- 976
- Лучшие ответы
- 415
От фейспалмов проще мне убиться
Чем в ВВ-тегах оформлять таблицу.
Если вы привыкли работать с таблицами в Экселе или через стили html - переход на ВВ-теги покажется мучением. Описывать нужно каждую ячейку по отдельности.
Чтобы не усложнять этот ФАГ, ниже указываю только открывающие теги. Закрывающие (со слешем /) ставятся тоже, но писать о них не буду.
Примеры можно скопировать из представленного кода.
На панели формы ответа доступны три кнопки для таблиц.
Первая
[table]
[tr]
[td][/td][td][/td]
[/tr]
[/table]
[tr]
[td][/td][td][/td]
[/tr]
[td][/td]
Тег новой строчки в таблице tr
Тег новой ячейки в таблице td
Как и в цитатах со спойлерами, открывающий тег таблицы имеет дополнительные параметры. Чтобы увидеть отрисовку ячеек контуром - добавляем параметр type=inset и получаем уже видимую таблицу (подробности ниже).
1 ячейка | 2 ячейка |
Для чего нужны невидимые таблицы?
В них удобно размещать ссылки на картинки из галереи или на вложенные в сообщение скрины. Картинки из галереи имеют свою окантовку, так что все смотрится красиво. Если в ссылку с галереи добавить параметр размера [smg id=номер width=300], можно подстроить картинки под определенные разрешения монитора.
Картинки из вложений не растягиваются по вертикали столбиком, а выстраиваются так, как нам удобно.
Саму таблицу можно выровнять по центру сообщения тегом center перед тегом начала таблицы (и закрыть после закрывающего тега таблицы).
[spoiler=скрины 1-10][center][table]
[tr]
[td]1 скрин[/td][td]2 скрин[/td]
[/tr]
[tr]
[td]3 скрин[/td][td]4 скрин[/td]
[/tr]
[tr]
[td]5 скрин[/td][td]6 скрин[/td]
[/tr]
[tr]
[td]7 скрин[/td][td]8 скрин[/td]
[/tr]
[tr]
[td]9 скрин[/td][td]10 скрин[/td]
[/tr]
[/table][/center][/spoiler]
1 скрин | 2 скрин |
3 скрин | 4 скрин |
5 скрин | 6 скрин |
7 скрин | 8 скрин |
9 скрин | 10 скрин |
1 скрин | 2 скрин |
3 скрин | 4 скрин |
5 скрин | 6 скрин |
7 скрин | 8 скрин |
9 скрин | 10 скрин |
По умолчанию таблица выравнивается слева. Правое выравнивание на таблицы в целом не действует. Только на содержимое одной ячейки.
Для чего нужны видимые таблицы?
Для всего остального, что нужно оформить.
Разнообразим внешний вид нашей таблицы. Прорисуем контуры ячеек, добавим цвет тексту и фону, вставим спойлер.
[table=inset]
[tr]
[td][color=red]1 ячейка красный текст[/color][/td][td][redalert]2 ячейка красный фон[/redalert][/td][td]3 ячейка со спойлером[spoiler]почти пустым[/spoiler][/td]
[/tr]
[tr]
[td]4 ячейка - просто текст[/td][td]5 ячейка просто текст[/td]
[/tr]
[tr]
[td]7 ячейка[/td][td]8 ячейка[/td][td]9 ячейка[/td]
[/tr]
[/table]
1 ячейка красный текст | 2 ячейка красный фон | 3 ячейка со спойлером почти пустым
|
4 ячейка - просто текст | 5 ячейка просто текст | |
7 ячейка | 8 ячейка | 9 ячейка |
Как видим, мы забыли указать 6 ячейку - ее просто нет.
Также видим, что по умолчанию выравнивание текста внутри ячейки по горизонтали идет слева, по вертикали - вверху.
Чтобы использовать выравнивание внутри ячейки по горизонтали в центре, задействуем тег center
Давайте исправим предыдущую таблицу, сделав в 4 ячейке две строчки=абзаца (после первой жмем Ентер), добавим 6 ячейку с выравниванием текста в ней справа.
В нижней строчке выровняем текст по центру в каждой ячейке отдельно.
Для удобства - вначале код:
[table=inset]
[tr]
[td][color=red]1 ячейка красный текст[/color][/td][td][redalert]2 ячейка красный фон[/redalert][/td][td]3 ячейка со спойлером[spoiler]почти пустым[/spoiler][/td]
[/tr]
[tr]
[td]4 ячейка - просто текст
4 ячейка - второй абзац[/td][td]5 ячейка просто текст[/td][td][right]6 ячейка[/right][/td]
[/tr]
[tr]
[td][center]7 ячейка[/center][/td][td][center]8 ячейка[/center][/td][td][center]9 ячейка[/center][/td]
[/tr]
[/table]
1 ячейка красный текст | 2 ячейка красный фон | 3 ячейка со спойлером почти пустым
|
4 ячейка - просто текст | 5 ячейка просто текст | 6 ячейка |
7 ячейка | 8 ячейка | 9 ячейка |
Внутри ячейки можно использовать любые теги: форматирования текста, выравнивания, добавки фона, изменения цвета, размера, шрифта текста. Вложенность тегов такая же, как в простом сообщении: теги выравнивания - теги цвета фона - остальные теги шрифта.
Ширина таблицы по умолчанию равна ширине сообщения. Поэтому будет действовать автоперенос слов. Также можно пользоваться Ентером, создавая строчки-абзацы.
Автоперенос слов
многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку | 2 ячейка |
Абзацы вручную
многабукоф в одну строчку многабукоф в одну строчку многабукоф в одну строчку | 2 ячейка |