Срочно нужна помощь с созданием шапки (css)

Всем привет!

Проблема такая, вот сайт http://www.moneyincome.ru/saittest/index.php

хочу сделать шапку как тут http://www.ritual-vektor.ru/

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

нужно сделать на фоне 2 картинки:

в левую часть эмблему, в правую часть картинку с цветами.

чтобы вы не подумали что я халявщик, я напишу тут что я делал , и заранее отвечу на такое предложение " как иди учи css " я изучаю, но нужно быстро сделать шапку, а изучить весь css за 2-3 дня невозможно.

вот мои действия:
с css файла шаблона

#header {
height : 200px;
float : left;
width : 200%;
padding : 0;
margin : 0;
background-color : #f6f6f6;
background-image : url(../images/bg_pagebg.gif)фон)
background-image : url(../images/top_right_b.jpg)картинка с цветами)

}

если поставлю такой тэг как

background-repeat: no-repeat то картинка вместе с фоном перемещается влево (по умолчанию) что делать?

мне нужно сделать такую же шапку как тут http://www.ritual-vektor.ru/ только без надписей


Помогите пож-ста с данной проблемой!

 

Вариантов море. Например:
1. Сделай шапку таблицей, из двух частей - 2 колонки, 1 строка. Левую и правую части сделай шириной под твои картинки, каждой колонке задай свой класс. И спокойно вставляй их туда бэкграундом, одна-единственная строчка в css на каждую ячейку - background-image : url(../images/bg_pagebg.gif).
2. Шапка в тэгах div с выставленной шириной под твои две картинки. У одной будет float:left, у другой - right
3. Одна ячейка с фоном в виде бэкграунда, а эмблема вставляется как картинка img src=......
4. Слей все в одну картинку и вставь.

 

мегабред) два бэкграунда одному тегу)

 

открываешь index.php своего шаблона
ищешь

Код (CODE):

1. <div id="header">
2.           <div class="maintitle"></div>
3.                   </div>

меняешь на

Код (CODE):

1. <div id="header">
2.           <div class="maintitle">Лого сайта</div><div class="head2"></div>
3.                   </div>

сохраняешь, закрываешь.
открываешь template.css

ищешь своё недоумение

Код (CODE):

1. #header {
2. height : 200px;
3. float : left;
4. width : 200%;
5. padding : 0;
6. margin : 0;
7. background-color : #f6f6f6;
8. background-image : url(../images/bg_pagebg.gif)фон)
9. background-image : url(../images/top_right_b.jpg)картинка с цветами)
10.  
11. }

изменяешь его на

Код (CODE):

1. #header {
2. height : 200px;
3. width : 200%;
4. padding : 0;
5. margin : 0;
6. background-color : #f6f6f6;
7. background-image : url(../images/bg_pagebg.gif);
8. }

добавляешь

Код (PHP):

1. #head2 {
2. height : 200px;
3. padding : 0;
4. margin : 0;
5. width : [COLOR="Red"]здесь значение ширины равное ширине твоей картинки с цветочками[/COLOR]  px ;
6. background-image : url(../images/top_right_b.jpg);
7. float: right;
8. }

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