|
HTML+CSS: картинка фоном объекта
|
|
| mob_dp | Дата: 21 Октября 2008, 01:06 | Сообщение # 1 | ● ● ● ● ● 4112 сообщений Статус: Offline | Короче сидел копал HTML и CSS гайды, не нашел необходимого. Идея в следующем:
Есть объект <div>...</div>. Необходимо задать фон объекта определенного цвета +в правом нижнем углу изображение.
Изображение не должно заливать всю область объекта, масштабироваться или иметь заранее заданые координаты.
Визуально как я себе это представляю:
Сдесь видно что есть 2 области разных размеров и у них задан фон. На обоих в правом нижнем углу есть изображение. З.Ы. вообще такое я уже видел на каком то сайте, там картинка была привязана к верхнему правому краю. | | |
|
| Gaara | Дата: 21 Октября 2008, 15:11 | Сообщение # 2 |  ● ● ● ● ● 1312 сообщений Статус: Offline | CSS - background-position
Quote (mob_dp) Сдесь видно что есть 2 области разных размеров и у них задан фон
только я чет не вижу... | | |
|
| mob_dp | Дата: 21 Октября 2008, 18:38 | Сообщение # 3 | ● ● ● ● ● 4112 сообщений Статус: Offline | Gaara, избражение не видно? Ссылка на него
Щас пойду покопаю че за параметр такой...
З.Ы. подозреваю что это и есть ответ на мой вопрос. | | |
|
| cucYa | Дата: 21 Октября 2008, 18:51 | Сообщение # 4 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | mob_dp
Code <style type="text/css"> .testxxx { background: #f5f5f5 url('http://src.ucoz.net/img/icon/plus.png'); background-repeat: no-repeat; background-position: right bottom; } </style> <div class="testxxx">:)</div> | | |
|
| mob_dp | Дата: 21 Октября 2008, 19:05 | Сообщение # 5 | ● ● ● ● ● 4112 сообщений Статус: Offline | Такс на хтлмбуке нашел это:
Code background-image: url('mybg.gif'); /* Путь к фоновому рисунку */
background-position: right bottom; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */
А терь подскажите как правильно прикрутить это в цвету фона?
Есть это: background:#202020;
Пробовал просто вписать вместе - нет рисунка. | | |
|
| cucYa | Дата: 21 Октября 2008, 19:07 | Сообщение # 6 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | mob_dp, ну если как у меня не работает, то так:
Code background-color: #202020; | | |
|
| mob_dp | Дата: 21 Октября 2008, 19:25 | Сообщение # 7 | ● ● ● ● ● 4112 сообщений Статус: Offline | cucYa, все, спасибо, получилось. Окончательный вариант, CSS:
Code background:#202020 url('img.gif'); background-repeat: no-repeat; background-position: right bottom; padding:5px;} А терь собственно для чего мне это (мб кому то идея нормавится - тоже сделаете) Вместо img.gif - bg$group_id$.gif . Сами изображения bg1.gif/bg2.gif/bg3.gif/bg4.gif - полуприглушенные надписи - названия группы.
В глаза кидатся не должно, соответствовать цвету группы, картинки должны быть одного дизайна. | | |
|
| Gaara | Дата: 22 Октября 2008, 14:15 | Сообщение # 8 | ● ● ● ● ● 1312 сообщений Статус: Offline | Quote (mob_dp) избражение не видно?
нет, мне не видно Quote (mob_dp) 2 области разных размеров и у них задан фон. На обоих в правом нижнем углу есть изображение
только картинки вижу... | | |
|
| mob_dp | Дата: 22 Октября 2008, 15:46 | Сообщение # 9 | ● ● ● ● ● 4112 сообщений Статус: Offline | Gaara, странно. Фон светлосерый, не контрастирует с белым фоном, но все же видно. Закройте тему плз. | | |
|
| Severus | Дата: 22 Октября 2008, 15:56 | Сообщение # 10 | ● ● ● ● ● 972 сообщения Статус: Offline | Quote (mob_dp) Gaara, странно. Фон светлосерый, не контрастирует с белым фоном, но все же видно.
А я вижу фон... 
Просто для уяснения споров | | |
|
| Gaara | Дата: 22 Октября 2008, 16:04 | Сообщение # 11 | ● ● ● ● ● 1312 сообщений Статус: Offline | значит я слепею... | | |
|
| cucYa | Дата: 22 Октября 2008, 16:41 | Сообщение # 12 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | | | |
|
| mob_dp | Дата: 22 Октября 2008, 17:42 | Сообщение # 13 | ● ● ● ● ● 4112 сообщений Статус: Offline | Закрывайте тему. | | |
|
