Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > div background-position


Автор: pythonwin 11.2.2008, 09:37
Всем привет!
Пожалуйста, подскажите, как можно в div-е сделать рисунок в backgound сверху справа, но с учетом отступа для background-а примерно 5%?
пробовал ставить 
    background-position:top right 5%;

    background-position:top right, 5%;

    background-position:5% top right;

но фоновый рисунок стоит слева сверху :(
при     background-position:top right;
фоновый рисунок сверху справа, но без отступа.

Автор: NDenis 11.2.2008, 10:22
задавайте значения background-position: 5% 5%;
первое значение это отступ левой границы, второе значение верхней

или, как вариант, задайте отступ для дива: div {margin:5%;}
но это если позволяет верстка

Автор: bars80080 11.2.2008, 10:25
похоже, что всё-таки можно задавать либо top right, либо значение в пикселах или прпоцентах, а они считаются слева сверху

размести специальный див с нужным фоном в нужной тебе позиции под этим

Автор: pythonwin 11.2.2008, 15:33
Цитата(NDenis @  11.2.2008,  13:22 Найти цитируемый пост)
задавайте значения background-position: 5% 5%;


NDenis, спасибо

Автор: NDenis 11.2.2008, 15:41
pythonwin, та нема за що smile 
Цитата(bars80080 @  11.2.2008,  10:25 Найти цитируемый пост)
похоже, что всё-таки можно задавать либо top right, либо значение в пикселах или прпоцентах, а они считаются слева сверху

Я не читал спецификацию CSS3, может там такое есть, или разработчики услышат эти призывы. А то вставлять дополнительный элемент, не всегда хочется.

Автор: bars80080 11.2.2008, 16:41
а, проверил, возможно, но если всё же справа сверху, то
Код
background-position: 95% 5%;

Автор: NDenis 11.2.2008, 16:56
Цитата(bars80080 @ 11.2.2008,  16:41)
а, проверил, возможно, но если всё же справа сверху, то
Код
background-position: 95% 5%;

но все-равно отсчет едет слева-сверху

Автор: pythonwin 11.2.2008, 17:02
Цитата(bars80080 @  11.2.2008,  19:41 Найти цитируемый пост)
background-position: 95% 5%;

так и сделал smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)