Как сделать background?

В шаблоне имеется такой класс

div.inset{background:transparent url(../images/style2/inset_bg1.png) repeat-y right top!important;}

рисунок шириной в пару пикселей растягиваеться по правому краю поля создавая плавный бордер.
нужно сделать еще такое же слева

вопрос: как прописать ссылку на другой рисунок в этом же классе не создавая новый.

 

да, это понятно.
а как еще один рисунок прописать в этом же классе?

это возможно?

новый класс эсли создам нужно его во всех пхп шаблона прописать.....а там ногу можно сломать(

 

Вы про что??? index.php шаблона один и именно в нем нужно прописывать новый класс. Один раз...

 

а по-моему, я все ясно написал. ладно, попытка №2:
есть шаблон, внутри модуль.
нашел в template.css класс который отвечает за бекграунд этого модуля.
изменил его(прописал рисунок бекграунда) -div.inset{background:transparent url(../images/style2/inset_bg1.png) repeat-y right top!important;}
появилась полоска по правому краю модуля.
захотел сделать идентичное слева.
вопрос: если без создания нового класса не обойтись, как его прописать в шаблоне?

потому что класс бекграунда для этого модуля уже существует (который задает "левый рисунок")
когда ввожу новый класс, тогда пропадает "левый рисунок" появляеться "правый".

 

А что мешает для класса левого модуля прописать нужный background?

Покажите сайт, ну или скрин, чтобы было более понятно.

 

вот, то что на белом фоне - модуль inset
в выделеное красным - это бекграунд этого модуля шириной в несколько пикселей.

 

А, понял. Контент шаблона заключен в див с классом inset, т.е примерно это выглядит так:

Код (CODE):

1. <div class="inset">Контент сайта</div>

Вам нужно добавить еще один див, которому назначить новый класс, а для класса в CSS прописать фоновое изображение. Ну примерно так:

Код (CODE):

1. <div class="inset_left"><div class="inset">Контент сайта</div></div>

И для inset_left прописать свои стили.

UPD:

Или, как вариант, сделать немного по другому. У Вас же фиксированный шаблон? Посмотрите какова ширина области контента. Затем в фотошопе создайте новое изображение этой ширины. Справа - тень и слева тень, между ними - фон. И уже это изображение назначьте для .inset

Код (CODE):

1. div.inset{background:transparent url(../images/style2/inset_bg1.png) repeat-y center top!important;}

 

<div class="inset_left"><div class="inset">Контент сайта</div></div>

наконец-то!
думаю так должно получиться. спасибо за подсказку!

сперва думал что в одном диве два рисунка можно задать =)
а меня не поняли)

а насчет последнего варианта - пробовал, но мне не подошло т.к. ширина модуля меняеться

 

В CSS3 можно добавлять более одного фона.

Приблизительно так:

Код (CODE):

1. background:
2.      url(images/background1.png) top left repeat-x,
3.      url(images/background2.png) top right repeat-x;

Но в IE до 9-й версии не работает.