Форум hotibo.ru
Сайты - по стандартам, но не стандартные сайты!
#1 16.07.2013 11:19
- ASM16d
- Новичок
- Зарегистрирован: 16.07.2013
- Сообщений: 2
отступ фона
Требуется решить следующую задачу:
необходимо сделать так, чтобы фон элемента (св-во background-image), имел отступы сверху и снизу, то есть начинался не с начала элемента и заканчивался не доходил до конца. Сделать еще 1 вложенный элемент не вариант.
Есть возможность решения?
Нет на форуме
#2 16.07.2013 13:38
- Newone
- Разбирающийся
- Зарегистрирован: 17.10.2012
- Сообщений: 89
Re: отступ фона
нет
Нет на форуме
#3 03.08.2013 01:52
- allatone
- Новичок
- Зарегистрирован: 03.08.2013
- Сообщений: 1
Re: отступ фона
Newone написал:
нет
Не знаешь не пиши.
Можно в процентах, можно в пикселях:
background-position: 50% 0%; (по центру вверху)
background-position:10px 0; (отступ 10px слева)
Работает во всех популярных браузерах.
http://htmlbook.ru/css/background-position.html
Отредактированно allatone (03.08.2013 01:53)
Нет на форуме
#4 03.08.2013 09:15
- ASM16d
- Новичок
- Зарегистрирован: 16.07.2013
- Сообщений: 2
Re: отступ фона
спасибо, но мне нужно также и отступ снизу и справа (в пикселях)
Нет на форуме
#5 05.08.2013 17:34
- SelenIT
- Новичок
- Зарегистрирован: 28.09.2011
- Сообщений: 41
Re: отступ фона
В CSS3 есть background-origin, но поддерживается пока только в Gecko (FF) и Webkit (Сафари, Хром).
Нет на форуме
#6 10.08.2013 18:38
- Newone
- Разбирающийся
- Зарегистрирован: 17.10.2012
- Сообщений: 89
Re: отступ фона
allatone написал:
Newone написал:
нет
Не знаешь не пиши.
Можно в процентах, можно в пикселях:
background-position: 50% 0%; (по центру вверху)
background-position:10px 0; (отступ 10px слева)
Работает во всех популярных браузерах.
http://htmlbook.ru/css/background-position.html
Так что лучше ты, не знаешь - не пиши, а еще лучше внимательно читай что хотят.
Нет на форуме
#7 07.07.2015 12:48
- emolozhen
- Новичок
- Зарегистрирован: 07.07.2015
- Сообщений: 1
Re: отступ фона
Если нужен отступ с конкретных сторон, то можно использовать следующие свойства:
padding-top - отступ сверху
padding-right - отступ справа
padding-bottom - отступ снизу
padding-left - отступ слева
К примеру зададим внутренние отступы в 40 пикселей сверху и слева. Для этого используем свойства padding-top и padding-left со значениями 40px.
Нет на форуме
#8 09.09.2015 19:19
- gcib
- Новичок
- Откуда: Киев
- Зарегистрирован: 26.08.2015
- Сообщений: 3
- Вебсайт
Re: отступ фона
emolozhen написал:
Если нужен отступ с конкретных сторон, то можно использовать следующие свойства:
padding-top - отступ сверху
padding-right - отступ справа
padding-bottom - отступ снизу
padding-left - отступ слева
К примеру зададим внутренние отступы в 40 пикселей сверху и слева. Для этого используем свойства padding-top и padding-left со значениями 40px.
Согласен! Всё довольно элементарно. Зачем выдумывать всякие "position" и т. д.? 
Домашние животные
Нет на форуме
#9 13.07.2017 02:44
- ipoint
- Новичок
- Зарегистрирован: 13.07.2017
- Сообщений: 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;}
Нет на форуме