Обводка таблицы изображениями

[Panzers^)]

Есть таблица, и есть изображения с узорами (к примеру) как можно таблицу обвести этим изображениями со всех сторон по средствам CSS? Задолбался уже думать, практиковать - ниче не выходит...

[Emm]

Наверное сделать вокруг ячейки, и в них пропечатать соответствующий стиль с узорами..

[Panzers^)]

Ну а как это реализовать? КСС не оч знаю..

[maddogrts]

ну достаточно просто

Нам нужно знать несколько вещей. Ширина и высота таблицы какая ?

Допустим и высота и ширина изменяется самый сложный вариант

заключим таблицу в первый див,

таблица

И присвоем ему фоном левый верхний узор, а чтобы он не нализал на таблицу сместим позицюю чуть выше и левее.

Ну и так для черех углов , итого разметка увеличиться на 4 дива .

благодоря что бы делаем дивами и фоновыми изображениями, то если таблица допустим маленькая узор будет показываться не полностью, при расширеннии таблици он будет все дальше и дальше показыватсья

Естественно я предпологал что узор нужен для все черех углов. Но допустим если надо всего верх и низ то дивов надо 2 , ну вобщем думаю логика понятна

[Panzers^)]

Короче говоря я опять ниче не понял))))) Можно как то мега подробно разжевать?))

[maddogrts]

ну смотри у тебя тесть таблица правильно ?

нарисуем себе квадрат (в уме)

Чтобы сделать узоры их надо кудато поместить правильно ?

Теперь представиь себе еще 4 квадрата с прозрачным фоном (кроме узоров) в котором находиться твой квадрат таблица. т.е у нас получается 5 квадратов , в одном таблица в 4 других различные узоры, для каждой грани. Почему именно 4 ? потому что если ты запихаешь в один блок таблицу, то таблица должна быть фикисированной (т.е с размерыми которые ты знаешь) и тогда ты сможешь на этом блоке сразу все 4 узора и нарисовать.

[maddogrts]

http://maddog-rts5.narod.ru/

[Panzers^)]

Все получилось, делаю в шаблоне форума vBulletin только получилось наверху, и слева вместе с углами, а внизу прописываю в шаблоне footer в самом конце и не работает((

Делал так:

Открыл шаблон header, в самом начале вставил это:

<table width="90%" height="0" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
	<td width="17" height="17" background="http://123.ru/templates/IPB_NG/images/table_top_left.gif" bgcolor="#ffffff"> </td>
	<td height="17" background="http://123.ru/templates/IPB_NG/images/table_top.gif" bgcolor="#ffffff" class="tabletopper"> </td>
	<td width="17" height="17" background="http://123.ru/templates/IPB_NG/images/table_top_right.gif" bgcolor="#ffffff"> </td>
  </tr>
  <tr>

	<td background="http://123.ru/templates/IPB_NG/images/table_left.gif" bgcolor="#ffffff" class="tableleft"> </td>
	<td align="center" valign="top" bgcolor="#eef2f7">

Работает как писал выше только левая сторона, и углы левые, и наверху, так как должно это быть.

Далее, чтобы сделать внизу, иду в шаблон footer, там в самом конце пишу это:

</td>
	<td background="http://123.ru/templates/IPB_NG/images/table_right.gif" bgcolor="#ffffff" class="tableright"> </td>
  </tr>
  <tr>

	<td height="17" background="http://123.ru/1416/templates/IPB_NG/images/table_bottom_left.gif" bgcolor="#ffffff"> </td>
	<td background="http://123.ru/templates/IPB_NG/images/table_bottom.gif" bgcolor="#ffffff" class="tablebottomer"></td>
	<td height="17" background="http://123.ru/templates/IPB_NG/images/table_bottom_right.gif" bgcolor="#ffffff" > </td>
  </tr>
</table>

В чем косяк? Почему низ не хочет рабоать??

з.ы. В ксс классы прописал..