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

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


     07.11.2016    Стили (CSS)    334

вопрос
Привет братва!
Хочу вывести все аватарки пользователей круглыми через 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
1162

1669 | 1215

Sander - 7 ноября 2016 17:40 - Эксперт


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

ICQ: 404-037-556
Skype: Sander8804

stasex11
20

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

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

Sander
1162

1669 | 1215

Sander - 8 ноября 2016 00:15 - Эксперт

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

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

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

ICQ: 404-037-556
Skype: Sander8804

stasex11
20

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

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

karakymv
1

44 | 3

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

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

karakymv
1

44 | 3

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

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

stasex11
20

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

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

karakymv
1

44 | 3

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

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

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

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

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