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

В общем поставили меня в тупик очередной задачей - Нужно заголовок модулей окружить слева и справа картинками... как сделать слева - через css это я догадался в легкую.. поставил картинку на фон + отступ текста... а вот как её впихать справа (с учетом того, что длина заголовка непрогнозируема) я пока не придумал..


Хотел было (опять) полезть в код и там поправить.. но не нашел общего шаблона на все модули O.o Править каждый руками - застрелюсь. Есть предложения?

попробовать выводить модуль в шаблоне в 3-м типе (под 9 div-ов для закругления) и в верхние левый и правый пихать нужные картинки.

ммм.. идея интересная.. но (насколько я помню) стиль задан только для первого дива? Или нет?

ммм.. идея интересная.. но (насколько я помню) стиль задан только для первого дива? Или нет?

Или нет. Ты можешь работать с каждым дивом и для каждого из них задавать картинки.
Смотри пример 1.

Потом, тебе не подойдет ли, к примеру, если ты задашь одну картинку через th, а вторую привяжешь к table? Прикрепи образец того, что должно получиться.

Должно получится так - шапка модуля (скриншот), дальше содержимое модуля... никаких экстра оформлений все на однотонном фона (типа содержимое пергамента)

[вложение удалено Администратором]

Смотри, можно сделать ещё так:

1.Вставляешь это дело целиковой картинкой (вместе с названием модуля)

table.moduletable {
   margin           : 0 0 15px 0;
        padding-top          :40px;
   width            : 100%;
        background:  url(../images/domes.gif) #a4956c no-repeat center;
   }

В парметрах модуля отключаешь вывод заголовка, заголовок выводится картинкой,  padding-top:40px; - это высота картинки, чтобы на нее не заезжал текст модуля. Для остальных модулей делаешь тоже самое, но с применением суффикса.

2.
table.moduletable {
   margin           : 0 0 15px 0;
      padding-bottom          :5px;
      width            : 100%;
      text-align: center;
      background:  url(../images/left.gif) #a4956c no-repeat top left;
     
   }

table.moduletable th {

text-align: ..................;
font: ......................;
color: .....................;
background:  url(../images/right.gif)  no-repeat top right;

}

Вместо top right, ты можешь использовать пиксели или проценты, тем самым выставляя картинки в нужном положении.

спасибо.. пожалуй именно так и сделаю