Не работает border-radius в картинке

I
На сайте с 08.08.2014
Offline
8
1250

Не получается сделать одинаковые закругления углов в картинке, подскажите где ошибка:

<img src="images/n1.jpg" style="width:425px; height:320px; border-radius: 15px 0 15px 0; -webkit-border-radius: 15px 0 15px 0; -moz-border-radius: 15px 0 15px 0; float:left; padding:0 10px 0 0;" />

Р
На сайте с 07.02.2013
Offline
174
#1

Можно только предположить, что в нижней части картинки присутствует белый фон и картинка с закругленными углами, но этого нельзя увидеть из-за белого фона.

Z0
На сайте с 03.09.2009
Offline
803
#2

<img src="" style="width:425px; height:320px; border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; float:left; padding:0 10px 0 0;" />

Так будет норм, у вас 15px 0 15px 0 а надо 15px 15px 15px 15px или просто 15px 🍿

Ой, не понял вопроса, извините, скорей всего у вас из-за padding:0 10px 0 0, используйте margin или просто удалите padding

H
На сайте с 26.09.2010
Offline
31
#3

Да, без общей картинки сложно сказать. Кажется, что что-то перекрывает снизу картинку. Попробуй margin-bottom выставить или z-index картинки поставить побольше, чтобы она сверху всего была.

K
На сайте с 12.10.2009
Offline
48
#4

попробуйте добавить стиль border:solid 1px #ccc; и убедитесь что на картинке нет белого фона, если он присутствует из-за отступов тогда просто их удалите, а если есть ссылка на сайт киньте я через инспектор элементов вам за 15 секунд после прочтения вышлю ответ)

Z0
На сайте с 03.09.2009
Offline
803
#5
hypnoser:
Да, без общей картинки сложно сказать. Кажется, что что-то перекрывает снизу картинку. Попробуй margin-bottom выставить или z-index картинки поставить побольше, чтобы она сверху всего была.

Ничего не сложно, паддинг режет! :)

altezzik
На сайте с 06.11.2011
Offline
247
#6

ziliboba0213 прав на 100%.

Geers
На сайте с 12.04.2011
Offline
487
#7
impikassoo:
Не получается сделать одинаковые закругления углов в картинке, подскажите где ошибка:
<img src="images/n1.jpg" style="width:425px; height:320px; border-radius: 15px 0 15px 0; -webkit-border-radius: 15px 0 15px 0; -moz-border-radius: 15px 0 15px 0; float:left; padding:0 10px 0 0;" />


Потому-что стоит:

padding:0 10px 0 0;

Уберите 10px и поставьте 0 например, и все заработает.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий