background position center



Автор Alex Wong задал вопрос в разделе Верстка, CSS, HTML, SVG

Как сделать отступ для background-image по левому краю? и получил лучший ответ

Ответ от Андрей орлов[гуру]
background-position
А вот одно из самых важных свойств. Определяет, где конкретно будет расположен фон. По умолчанию, он располагается в верхнем левом углу окна браузера. Можно устанавливать положение по горизонтали, вертикали или по обеим сторонам. В случае горизонтали это центр, слева и справа (center, left,right), вертикаль это центр, сверху и снизу (center, top, bottom). Также прекрасно распознаются значения в процентах или пикселах, например так:
body {
background-position: right 20px;
}
Эта запись означает, что фон будет располагаться справа и на 20px смещен вниз. Когда используется два значения — первое обозначает горизонтальное расположение, а второе — вертикальное. Когда только одно значение — второе по умолчанию будет в центре.
Источник: ссылка

Ответ от VortexWeb.net[гуру]
вот это все убираете:
background-color: #00ccff;
background-image: url("../img/avatars/ava_1.png");
background-position: left center;
background-repeat: no-repeat;
и вместо этого одну строчку:
background: #00ccff url(../img/avatars/ava_1.png) no-repeat 10px 20px;
где 10 и 20 отступы слева и сверху

Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Как сделать отступ для background-image по левому краю?

Как обрезать background в css3
background-image: url("путь до картинки");
background-position: center center;подробнее...
спросили в Relativity
*.css position: absolute; вопрос!!!
Установка элементу position: relative решает множество проблем, особенно, если вы наблюдаете
подробнее...

можно в свойстве background-position: указать отрицательное значение в пикселях относительно правого нижнего угла
background-position - задает местонахождение фонового рисунка.
Это комбинированный атрибут,
подробнее...
спросили в Тэгу
Подскажите пожалуйста, как центрировать задний фон на сайте ?
имеется в виду фон для body?
чтобы центрировать по горизонтали добавьте для body стиль
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:

Как делать фоновое изображение по центру?
самый простой:
<center>
< body background="ИМЯ. jpg" >
</center>
подробнее...

как отцентрировать сайт по центру окна браузера?
добавь
body { background-position:center; }

Мертвец
Просветленныйподробнее...

Выравнивание в css
background-position: bottom center; выравнивание фона по
подробнее...
спросили в Интернет Skrill
Как поставить фон на сайт?
Возможно для вас управление фоном не состовляет сложно задачи, но начинающему трудно сразу
подробнее...

css, header картинкой, как растянуть?
что за хня. какие 120%

div#header{
height:166px;подробнее...
 

Ответить на вопрос:

Имя*

E-mail:*

Текст ответа:*
Проверочный код(введите 22):*