Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как сделать все аватарки круглыми через border-radius ?

Как сделать все аватарки круглыми через border-radius ?


     07.11.2016    Все вопросы » Стили (CSS)    586

вопрос
Привет братва!
Хочу вывести все аватарки пользователей круглыми через border-radius:50%;
Но проблема в том что у каждого пользователя своя аватарка с разной шириной и высотой, с бордером некоторые получаются овальными
А если задать всем width и height то они растягиваются и не красиво отображаются, но круглые!
Как быть ? может кто сталкивался с такой траблой ?

Ответил: karakymv


Присвой элементу внутри которого находится картинка аватара (в данном случае тег {foto} ) класс к примеру ...class="avatar"...
А в css шаблона пропиши это:
.avatar img{
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

А вообще можешь выслать кусок кода либо ссылку на страницу

8 комментариев

Sander
Эксперт

Sander - 7 ноября 2016 17:40 -


SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

stasex11
Юзер

stasex11 - 7 ноября 2016 18:49 -

Sander,
И ? там совсем другое. Автарки выводятся тэгом {avatar} как я его впихну в Background ?

Sander
Эксперт

Sander - 8 ноября 2016 00:15 -

В комментариях аватарка выводится тегом {foto} и он выводит только адрес картинки.
Аналогично на странице профиля пользователя.

Если где-то у вас "там совсем другое", то что ж...

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

stasex11
Юзер

stasex11 - 8 ноября 2016 00:17 -

Sander,
Мне просто нужно чтобы центр аватарки был в центре а вокруг идеальный бордер 50%
Как такое реализовать ?

karakymv
Юзер

karakymv - 8 ноября 2016 01:42 -

***Комментарий удален***

karakymv
Юзер

karakymv - 8 ноября 2016 02:19 -

Пардон
Начало кода измени
.avatar img {
...
}

stasex11
Юзер

stasex11 - 8 ноября 2016 13:52 -

Огромное спасибо! Респект и уважуха.
Вот обожаю таких людей которые с пол оборота всё понимают. (А не то что "Некоторые" выё да выё)

karakymv
Юзер

karakymv - 8 ноября 2016 14:35 -

Цитата: stasex11
(А не то что "Некоторые" выё да выё)

Не нужно обижаться и обижать других, это лишнее.
Кто то имеет время и желание помочь, а кто то нет.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх