Перейти к контенту

Бэкграунд для бордера таблицы


Рекомендуемые сообщения

Можно ли для таблиц используемых в форуме сделать следующее.

 

Разбить её части - верхняя линия, нижняя, право, лево, 4 угла.

 

Вот пример - без правой стенки.

 

+ _______ +

!

!

!

!

+________+

 

Каждой части задать собственный стиль линии (со своим бекграундом).

 

Т.е. С отлючённой графикой это будет обычная таблица, а при включённой графике - красивая нарисованная таблица.

 

Всё это нужно естественно для IPB.

У меня 1.3

 

Что-то мне подсказывает что можно реализовать это через css.

Ссылка на комментарий
Поделиться на других сайтах

<table>

<tr>

<td height="10px" background="img1a.jpg">левый верх</td><td background="img2a.jpg">центр. верх</td><td background="img3a.jpg">правый верх</td>

</tr>

<tr>

<td background="img1b.jpg">левый центр</td><td> WRAPER </td><td background="img3b.jpg">правый центр</td>

</tr>

<tr>

<td height="10px" background="img1c.jpg">левый низ</td><td background="img2c.jpg">центр. низ</td><td background="img3c.jpg">правый низ</td>

</tr>

</table>

 

 

 

Надеюсь разерешься

Изменено пользователем Zapon
Ссылка на комментарий
Поделиться на других сайтах

Хотелось бы поточнее.. =(

Именно для IPB а не просто таблицу.

Что править в css, как менять скин_файлы если их нужно менять?

Ссылка на комментарий
Поделиться на других сайтах

border-top: 1(2-3...)px solid #цвет;
border-right: 0;
border-bottom: 1(2-3....)px solid #цвет;
border-left: 1(2-3....)px dashed #цвет;

123 - толщина

solid - обычная линия

dashed - пунктир.

Картинку в css в каждом классе можно привязать только одну.

Угол:

background: #цвет (или - transparent) url(style_images/<#IMG_DIR#>/каринка) no-repeft bottom(top)-right(left);

Cторона:

 
background-image: url(style_images/<#IMG_DIR#>/картинка);	
background-repeat: repeat-x (или y);
background-position: top(bottom) или left(right);

Примечание:

если класс css заюзан в разных ячейках таблицы - все это будет повторяться.

Пример - главная страница форума со скином beige на моем демофоруме. Там картинка - разделитель строк в row1 и row2.

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.