Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 05.12.2012 18:00

daer
Новичок
Зарегистрирован: 29.09.2012
Сообщений: 9

Скругленный углы у картинки произвольного размера

есть каталог товаров, у каждого товара картинка превью, по ширине максимум 189рх (то есть может быть и меньше), в высоту не ограничена, у картинки должны быть скругленные углы.

проблема вот в чем: ff 2  display:inline-block не понимает, display:-moz-inline-box ни фига не помогает, только хуже. Почему не могу сделать  display:block? потому что блок .catFrame должен центроваться если картинка маленькая, а если ставить display:block то .catFrame растягивается на всю ширину родителя.

воот sad может есть какая нить таблетка для ff 2 или же другая реализация этих дурацких углов?

ps кстати в opera 9.27 углов вообще не видно, даже если им сделать красную рамку, на странице их нет smile

Код:


   
   
   
   
   

css

Код:

.catFrame {
position:relative;
display:inline-block;
}
.catFrame img {
max-width:189px;
}
.tl {
position:absolute;
left:0;
top:0;
}
.tr {
position:absolute;
right:0;
top:0;
}
.bl {
position:absolute;
left:0;
bottom:0;
//bottom:2px;
}
.br {
position:absolute;
bottom:0;
right:0;
//bottom:2px;
}

Нет на форуме

 

#2 07.12.2012 02:05

Мефодий
Новичок
Зарегистрирован: 06.12.2012
Сообщений: 5

Re: Скругленный углы у картинки произвольного размера

Вот здесь видел статью про скругленные уголки.
Может поможет.
http://artlebedev.ru/tools/technogr … d-corners/

Нет на форуме

 

Board footer