Alex1
Избранник богов
- Регистрация
- 22 Янв 2014
- Сообщения
- 11.715
- Реакции
- 6.266
- Баллы
- 976
- Лучшие ответы
- 422
 
	 
	 
	От фейспалмов проще мне убиться
Чем в ВВ-тегах оформлять таблицу.
Если вы привыкли работать с таблицами в Экселе или через стили 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 ячейка | 
 
				 
 
		 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
 
		 
	 
	 
	 
 
 
 
 
 
 
	 
	 
 
 
 
 
		