Как сделать, чтобы границы картинки выходили за границы блока.

Голоса: +1

У нас над аватарками под никами размещена картинка. По высоте есть внизу место, куда эта картинка могла еще наложиться без того, чтобы налезать на аватарку. Не получается это сделать, а очень хотелось бы, а то очень уж мало места для простора фантазии. Пытаюсь прописать: overflow: visible, к background этой самой картинки но результата нет. Подскажите, пожалуйста, как это реализовать?

Адрес сайта http://iad-cole.3dn.ru
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Елена Ткаченко
Где это?
PS картинки групп классные)

Ответов: 1

Голоса: +1
 
Лучший ответ

В своем css ищите это:

.userBg {
 background: url(http://iad-cole.3dn.ru/img/Diz/ornament_pod_nik_1.png);
 overflow: hidden;
 margin-bottom: 5px;
}

И заменяете на это:

.userBg {
 background: url(http://iad-cole.3dn.ru/img/Diz/ornament_pod_nik_1.png);
 overflow: hidden;
 margin-bottom: 5px;
height:35px;
}

Добавил только: height:35px; На глаз, 35 пикселей должно хватить, но если мало - подредактируйте значение.

| Автор:
Выбор ответа лучшим | | Автор: Роман
33px будет достаточно
Зря Вы, Ucoz-fan, удалили свое решение моего вопроса!) Хорошо хоть оно у меня на почте сохранилось. В итоге я совместила оба совета и получилось просто отлично! В итоге я удалила свои зря добавленные строки и оставила вот что:
.userBg {
 background: url(http://iad-cole.3dn.ru/img/Diz/ornament_pod_nik_5.1.png);
 top: 17px;
 position: relative;
 height:45px;
}
Так как картинка теперь другая, высоту увеличила.
Очень довольны результатом! Спасибо!
...