Здравствуйте мастера. Вообщем хочу сделать в статье вывод аватарки красиво. Как на Джутс.су . Вот только я не очень пойму как делать. Внизу скину скрины. А коды здесь:

<?

echo ' <div class="tmenu"><img src="'.$us['avatar'].'" alt="." widht="50" height="50"></div>';//Див и картинка аватарки юзера

Стили к тому диву.
.tmenu {
background: url(/images/gr.png) repeat-x #222222;
padding: 10px;
color: #fff;
}
Что делать?

Изображение

------
55313_3.png (18.8 Kb)
Скачиваний: 72

было так с картинкой "Три точки"

Изображение

------
55314_2.png (8.3 Kb)
Скачиваний: 79

Вот так, когда был написан верхний код

Изображение

------
55315_.png (7.0 Kb)
Скачиваний: 82

border-radius 50% ставь в стиль css
________
посл. ред. 25.03.2018 в 22:54; всего 1 раз(а); by Taru

Ава остается внутри полоски. Мне надо чтобы выходило как на первом скрине

Изображение

------
55317_5.png (9.8 Kb)
Скачиваний: 78

Нашел выход но есть проблема. Вот стили:
.imgm {

position: absolute;
left: 850px;
top: 150px;
width: 74px;
height: 74px;
border-radius: 52px;
z-index: 2;
border: 2px solid rgba(172,206,13,0.8);
}


Когда полный экран все нормально. А вот если уменьшить окошко на пк(хром) то выходит вот такое. Скрин ниже

Изображение

------
55318_1.png (16.6 Kb)
Скачиваний: 80

Вот так при полном экране. Все норм

Изображение

------
55319_6.png (17.1 Kb)
Скачиваний: 79

Вот тут реально проблема. Самому не решить. Помогите

Дело в фиксированой выш
соте и ширине

Эм а что делать?^^"