Как картинку по верх всего повесить?

[Aleksey777]

Доброго дня всем! У меня вопросик по CSS, помогите ответом: есть фон, на нем верхняя картинка (условно назовем ее Header)которая по ширине уже чем фон, и есть логотип, который надо по верх Headerа закрепить, но так чтобы он

вылезал за его рамки? Короче говоря - Как картину по верх всего повесить в произвольном месте??? Я это сделал так:

.logo

{

background-image: url('images/logo.png');

background-repeat: no-repeat;

height: 441px;

width: 362px;

margin: 0;

}

Но когда меняю

значение "margin" карявиться весь сайт!!!

[rus]

вы привели код бэкграунда, а тут нужен код самой картинки которая поверх этого фона.

что-то типа position:absolute; top:...; left(right):...;

[Aleksey777]

вы привели код бэкграунда, а тут нужен код самой картинки которая поверх этого фона.

что-то типа position:absolute; top:...; left(right):...;

А как правельно написать то?

Как картину по верх всего повесить в произвольном месте???

Edited December 13, 2010 by Aleksey777

[rus]

А как правельно написать то?

что именно?

[Aleksey777]

что именно?

Картинку как подвесить, над всем остальным?

Если не background-image: url('images/logo.png'); то что???

Edited December 13, 2010 by Aleksey777

[rus]

Картинку как подвесить, над всем остальным?

Если не background-image: url('images/logo.png'); то что???

background-image - делает картинку фоном, а значит она получается на заднем плане, для того что бы ее вынести на передний план, вам нужно не фоном, а просто картинкой вставить <img src=""> и абсолютно отпозиционировать ее.

[Aleksey777]

background-image - делает картинку фоном, а значит она получается на заднем плане, для того что бы ее вынести на передний план, вам нужно не фоном, а просто картинкой вставить <img src=""> и абсолютно отпозиционировать ее.

Это Drupal, <img src=""> тут некуда лепить! Хотя есть!!!

Edited December 13, 2010 by Aleksey777

[eVErl@Sting]

В коде вставляешь строчку:

<div class="header_image"><img src="images/logo.png"></div>

В CSS создаешь:

.header_image {

	position:absolute;
	top:0px;
	left:0px
}

Ну и top это верх, left это лево, если ты не знаешь, соответственно если нужно с права пишешь right, если в низу то bottom, в пикселях указываешь расстояние от границы сайта, если нужно чтобы за пределы сайта уходило то пишешь с отрицательным значением число.

Edited December 13, 2010 by eVErl@Sting

[rus]

left это низ

очепятка

[eVErl@Sting]

исправил

[Aleksey777]

В коде вставляешь строчку:

<div class="header_image"><img src="images/logo.png"></div>

В CSS создаешь:

.header_image {

	position:absolute;
	top:0px;
	left:0px
}

Ну и top это верх, left это лево, если ты не знаешь, соответственно если нужно с права пишешь right, если в низу то bottom, в пикселях указываешь расстояние от границы сайта, если нужно чтобы за пределы сайта уходило то пишешь с отрицательным значением число.

Спасибо! Уже сам решил! "position и z-index" выставил!!!