Форум XHTML.ru <!-- по-русски -->

Сайты - по стандартам, но не стандартные сайты!


#1 16.07.2009 11:19

ASM16d
Новичок
Зарегистрирован: 16.07.2009
Сообщений: 2

отступ фона

Требуется решить следующую задачу:
необходимо сделать так, чтобы фон элемента (св-во background-image), имел отступы сверху и снизу, то есть начинался не с начала элемента и заканчивался не доходил до конца. Сделать еще 1 вложенный элемент не вариант.
Есть возможность решения?

Нет на форуме

 

#2 16.07.2009 13:38

Newone
Разбирающийся
Зарегистрирован: 17.10.2008
Сообщений: 89

Re: отступ фона

нет

Нет на форуме

 

#3 03.08.2009 01:52

allatone
Новичок
Зарегистрирован: 03.08.2009
Сообщений: 1

Re: отступ фона

Newone написал:

нет

Не знаешь не пиши.
Можно в процентах, можно в пикселях:
background-position: 50% 0%; (по центру вверху)
background-position:10px 0;  (отступ 10px слева)
Работает во всех популярных браузерах.
http://www.htmlbook.ru/css/background-position.html

Отредактированно allatone (03.08.2009 01:53)

Нет на форуме

 

#4 03.08.2009 09:15

ASM16d
Новичок
Зарегистрирован: 16.07.2009
Сообщений: 2

Re: отступ фона

спасибо, но мне нужно также и отступ снизу и справа (в пикселях)

Нет на форуме

 

#5 05.08.2009 17:34

SelenIT
Новичок
Зарегистрирован: 28.09.2007
Сообщений: 41

Re: отступ фона

В CSS3 есть background-origin, но поддерживается пока только в Gecko (FF) и Webkit (Сафари, Хром).

Нет на форуме

 

#6 10.08.2009 18:38

Newone
Разбирающийся
Зарегистрирован: 17.10.2008
Сообщений: 89

Re: отступ фона

allatone написал:

Newone написал:

нет

Не знаешь не пиши.
Можно в процентах, можно в пикселях:
background-position: 50% 0%; (по центру вверху)
background-position:10px 0;  (отступ 10px слева)
Работает во всех популярных браузерах.
http://www.htmlbook.ru/css/background-position.html

Так что лучше ты, не знаешь - не пиши, а еще лучше внимательно читай что хотят.

Нет на форуме

 

#7 07.07.2011 12:48

emolozhen
Новичок
Зарегистрирован: 07.07.2011
Сообщений: 1

Re: отступ фона

Если нужен отступ с конкретных сторон, то можно использовать следующие свойства:

padding-top - отступ сверху
padding-right - отступ справа
padding-bottom - отступ снизу
padding-left - отступ слева
К примеру зададим внутренние отступы в 40 пикселей сверху и слева. Для этого используем свойства padding-top и padding-left со значениями 40px.

Нет на форуме

 

#8 09.09.2011 19:19

gcib
Новичок
Откуда: Киев
Зарегистрирован: 26.08.2011
Сообщений: 3
Вебсайт

Re: отступ фона

emolozhen написал:

Если нужен отступ с конкретных сторон, то можно использовать следующие свойства:

padding-top - отступ сверху
padding-right - отступ справа
padding-bottom - отступ снизу
padding-left - отступ слева
К примеру зададим внутренние отступы в 40 пикселей сверху и слева. Для этого используем свойства padding-top и padding-left со значениями 40px.

Согласен! Всё довольно элементарно. Зачем выдумывать всякие "position" и т. д.? smile


[url=http://home-animal.org.ua/]Домашние животные[/url]

Нет на форуме

 

#9 13.07.2013 02:44

ipoint
Новичок
Зарегистрирован: 13.07.2013
Сообщений: 1

Re: отступ фона

Я решил у себя в одну строчку

#page-body {background: url(../images/bg.jpg) 0 0 repeat;}
#page-body:after {content: ""; width: 4000px; height: 180px; background: #fff; position: absolute; top:0; display: block;}

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson