Нестандартная таблица

Вот такой вопрос: Как сделать нестандартную таблицу в темах, а то там только стандартная "Создание таблицы" я побывал и CSS и HTML нечего не подходит-просто отображаются коды, а таблицы нет. Что делать?

автор **Dana Domirani** Август 30th 2011, 15:10

Создаете стандартную таблицу:

1	2
3	4

Код:: [table border="1"] [tr] [td]1[/td][td]2[/td] [/tr][tr] [td]3[/td][td]4[/td] [/tr] [/table]

А дальше через стили назначаете ей свойства. Пример:

1	2
3	4

Код:: [table width="100%" style="border: 3px double #006400; border-collapse: collapse"] [tr valign="top"] [td style="border: 1px solid #006400; padding: 10px; background: #fff url("http://lenagold.ru/fon/geom/pol/geze/gezepolos26.jpg")"]1[/td] [td style="border: 1px solid #006400; padding: 10px; background: #fff url("http://lenagold.ru/fon/geom/pol/geze/gezepolos26.jpg")"]2[/td] [/tr][tr] [td style="border: 1px solid #006400; padding: 10px; background: #fff url("http://lenagold.ru/fon/geom/pol/geze/gezepolos26.jpg")"]3[/td] [td style="border: 1px solid #006400; padding: 10px; background: #fff url("http://lenagold.ru/fon/geom/pol/geze/gezepolos26.jpg")"]4[/td] [/tr] [/table]

Растягивать ячейки тоже можно, через rowspan и colspan:

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

Код:: [table width="100%" style="border: 1px solid #000; background-color: #fff; border-collapse: collapse;"] [tr valign="top"] [td colspan="3" style="border: 1px solid #000; background-color: #fff; padding: 10px;"]Ячейка 1[/td] [td rowspan="3" valign="middle" style="border: 1px solid #000; background-color: #fff; text-align:center;"]Ячейка 2[/td] [/tr] [tr valign="top"] [td width="25%" style="border: 1px solid #000; background-color: #fff; padding: 10px;"]Ячейка 3[/td] [td width="25%" style="border: 1px solid #000; background-color: #fff; padding: 10px;"]Ячейка 4[/td] [td width="25%" style="border: 1px solid #000; background-color: #fff; padding: 10px;"]Ячейка 5[/td] [/tr] [tr valign="top"] [td style="border: 1px solid #000; background-color: #fff; padding: 10px;"]Ячейка 6[/td] [td style="border: 1px solid #000; background-color: #fff; padding: 10px;"]Ячейка 7[/td] [td style="border: 1px solid #000; background-color: #fff; padding: 10px;"]Ячейка 8[/td] [/tr] [/table]

Нестандартная таблица

Нестандартная таблица

Re: Нестандартная таблица