Вставить изображение в шапку (css)
Вложений: 1
Доброе утро, ув. пользователи! Подскажите пожалуйста, как правильно установить картинку справа в шапку, вот что получается, и вот код который используется для левого изображения, и для растяжения изображения:
#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; |
Лучше таблицой сделать или div'ами с display:inline-block.
|
В общем вот ребята,для картинки стиль:
<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>
И все очень даже неплохо встало, спасибо). И скажите, еще есть какие варианты для вставки? |
И еще, нельзя этим кодом:
#right{
background-image: url(images/right.png);
position: absolute;
top:0;
right:0;
height:239px;
}
вставить картинку в style.css, если нельзя, то почему?:) |
<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>
|
Вариант CSS3:
<div class="header"></div>
.header {
background-image: url('img1.png'), url('img2.png');
height: 300px;
width: 900px;
}
|
| Часовой пояс GMT +3, время: 16:18. |