Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Танцующий с тенями в Вт 30 Авг - 14:48

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

Танцующий с тенями
 
 

Пол : Мужчина
Сообщения : 81
Возраст : 26
Место обитания : Городишко под названием Омск
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-07-24

http://is-kra.sosbb.net/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 30 Авг - 15:10

Создаете стандартную таблицу:
12
34
Код:
[table border="1"]
[tr]
[td]1[/td][td]2[/td]
[/tr][tr]
[td]3[/td][td]4[/td]
[/tr]
[/table]

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

12
34

Код:
[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]


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


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