Top.Mail.Ru
Ответы

Овал вместо круга в css. Почему?

Закругляю картинку border-radius:50%, а вместо круглой картинки получается овальная. Как сделать, чтобы не зависело от высоты и ширины картинки?

По дате
По рейтингу
Аватар пользователя
Новичок
10лет

Квадрат делай по меньшей стороне если изо 280 х 190 то ширину и высоту задавай 190 тогда не будет растягиваться, а лучше обрезать в редакторе как надо и нет проблем .

Аватар пользователя
Ученик

Поздний конечно ответ но вдруг кто-то также как и я наткнется на этот тред:

Вместо паддингов вокруг картинки поставьте марджин
Паддинг "давит" на картинку и деформирует ее, в связи с чем и получается "яйцо"

Аватар пользователя
Мудрец
10лет

border-radius закругляет углы. Логично, что если у вас прямоугольник, то будет овал.
если хотите круг, то поместите картинку в DIV, задайте ему border-radius:50%, и overflow:hidden; ну и размеры блока (квадрат)