Проблема с аватаркой

[Гром 0]

Здравствуйте, как сделать что-бы аватарка не выходила за рамки, а в центре рамки была?

Cайт: bc18.ru

Скрины:

В центре рамки как на этом скрине:

За ранее благодарю.

Изменено 26 февраля 2014 пользователем Гром

[webair 178]

/templates/Black-2/style/style.css

Строка 31 полностью заменить на

.pro-avatar {

background: none repeat scroll 0 0 #FFFFFF;

border: 4px solid #FFFFFF;

box-shadow: 0 0 5px rgba(194, 194, 194, 0.6);

height: 120px;

margin-top: 5px;

overflow: hidden;

transition: all 300ms ease 0s;

width: 120px;

}

[Гром 0]

/templates/Black-2/style/style.css

Строка 31 полностью заменить на

.pro-avatar {

background: none repeat scroll 0 0 #FFFFFF;

border: 4px solid #FFFFFF;

box-shadow: 0 0 5px rgba(194, 194, 194, 0.6);

height: 120px;

margin-top: 5px;

overflow: hidden;

transition: all 300ms ease 0s;

width: 120px;

}

Вот, спасибо! Теперь за рамки не выходит.

А как же сделать что-бы аватарку в центр рамки кидало, и растягивало?

Вот как есть:

А надо что-бы было вот-так:

[webair 178]

Если для вас растягивание и сжатие изображения приемлемо...

Строка 72

.pro-avatar > img {

height: 120px;

width: 100%;

}

Смысл предыдущих правок пропадает

Изменено 28 февраля 2014 пользователем webair

[Гром 0]

Спасибо, это и надо было мне!