Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> div background-position, тонкое позиционирование 
V
    Опции темы
pythonwin
Дата 11.2.2008, 09:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

Репутация: нет
Всего: 36



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

    background-position:top right, 5%;

    background-position:5% top right;

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

PM WWW GTalk Jabber   Вверх
NDenis
Дата 11.2.2008, 10:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



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

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

Это сообщение отредактировал(а) NDenis - 11.2.2008, 10:23
PM MAIL   Вверх
bars80080
Дата 11.2.2008, 10:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



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

размести специальный див с нужным фоном в нужной тебе позиции под этим
PM MAIL WWW   Вверх
pythonwin
Дата 11.2.2008, 15:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

Репутация: нет
Всего: 36



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


NDenis, спасибо
PM WWW GTalk Jabber   Вверх
NDenis
Дата 11.2.2008, 15:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



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

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

Это сообщение отредактировал(а) NDenis - 11.2.2008, 15:44
PM MAIL   Вверх
bars80080
Дата 11.2.2008, 16:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



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

PM MAIL WWW   Вверх
NDenis
Дата 11.2.2008, 16:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



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

но все-равно отсчет едет слева-сверху
PM MAIL   Вверх
pythonwin
Дата 11.2.2008, 17:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

Репутация: нет
Всего: 36



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

так и сделал smile

PM WWW GTalk Jabber   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0700 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.