Изображения слева и справа от заголовка

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

– ответы на вопросы читателей.

Приведу пример с использованием абсолютного позиционирования (CSS).

Что должно получиться

Первая часть похожа на размещение баннера в заголовке блога.

1. В редакторе HTML шаблона найди строки:
   

   <div id='header-wrapper'>
     <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
       <b:widget id='Header1' locked='true' title='RBB (заголовок)' type='Header'/>
     </b:section>
   </div>



2. Добавь блоки div с изображениями:
   

   <div id='header-wrapper'>
     <div id="head-left"><img src="public/robot1.jpg" /></div>
     <div id="head-right"><img src="public/robot2.jpg" /></div>
     <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
       <b:widget id='Header1' locked='true' title='RBB (заголовок)' type='Header'/>
     </b:section>
   </div>



3. Задай стили CSS:
   

   #head-left {
     position:absolute;
     margin-left:-201px;/* ширина изображения + ширина бордюра шапки */
     _margin-left:-206px;/* IE fix */
   }
   #head-right {
     position:absolute;
     margin-left: 661px; /* ширина шапки + бордюр */
   }



4. Сохрани шаблон.

Смотри так же: Баннера в заголовке блога;
Смешной текст про роботов взят из пасхалки Firefox.