Вставить изображение в шапку (css)

[ankerk]

Доброе утро, ув. пользователи! Подскажите пожалуйста, как правильно установить картинку справа в шапку, вот что получается, и вот код который используется для левого изображения, и для растяжения изображения:

#headline
{
background-image: url(images/left.png), url(images/center.png);
background-repeat: no-repeat, repeat-x;

height:239px;
}

[ОлегА]

для картинки пропишите стиль

position:absolute;
top:0;
right:0;

[ruslan_mart]

Лучше таблицой сделать или div'ами с display:inline-block.

[ankerk]

В общем вот ребята,для картинки стиль:

<style type="text/css">
#right{ 
position: absolute;
top: 0;
right: 0;
height:239px;
}
</style>

и, засунул саму картинку в div:

<div id="right">
    <img src="images/right.png" alt="картинка" />
   </div>

И все очень даже неплохо встало, спасибо). И скажите, еще есть какие варианты для вставки?

[ankerk]

И еще, нельзя этим кодом:

#right{
background-image: url(images/right.png);
position: absolute;
top:0;
right:0;
height:239px;
}

вставить картинку в style.css, если нельзя, то почему?

[skrudjmakdak]

<style type="text/css">
.header
{
width: 900px;
height: 300px;
margin: 0 auto;
background-image: url(/img1.png);
}

.img
{
width: 300px;
height: 300px;
background-image: url(/img2.png);
float: right;
}
</style>
<div class="header">
    <div class="img"></div>
</div>

[ruslan_mart]

Вариант CSS3:

<div class="header"></div>

.header {
   background-image: url('img1.png'), url('img2.png');
   height: 300px;
   width: 900px;
}