Скругление углов картинки товара - [VM2&3] Дизайн, оформление

Привет всем. Кто нибудь реализовывал скругление картинки товара?

Перепробовал крутить <div>, но результат не очень, приходиться картинки подганять по размеру под border.

Пытаюсь скруглить именно <img>. Может кто-то делал подобное?

Еще такое залез в default_images тут такая строка: 
<div class="main-image">
   <?php echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"', false, "class='modal'", true); ?></div>

Вопрос: что за класс medium-image где он сидит? Может его покрутить можно?

Какие будут варианты?
Спасибо

попробуй border-radius: xx px

попробуй border-radius: xx px

не помогло
а куда его поставить?
я ставлю в .main-image,...{text-align:center;border-radius: 10px;}

Если элементу сам border не задан, то и border-radius скруглять ничего не будет.

Если элементу сам border не задан, то и border-radius скруглять ничего не будет.

Будет. Должно скруглять. Может нужно добавить overflow:hidden или не тот селектор.

Вставлять непосредственно для того элемента что надо сгруглить попробуйте .main-image img {border-radius: 10px;}

lcd25 все он будет. он скругляет края элемента. вне зависимости что это за края.

Вставлять непосредственно для того элемента что надо сгруглить попробуйте .main-image img {border-radius: 10px;}

lcd25 все он будет. он скругляет края элемента. вне зависимости что это за края.

Ну-ну...

Ну-ну...

Что нуну? Я только что согнул свою аватарку. без всяких бордеров.

В IE7-8 ваш метод прекрасно наверное работает?))

У ТС какой браузер?

В IE7-8 ваш метод прекрасно наверное работает?))

У ТС какой браузер?

Правильно, давайте все бросим будем клепать сайты для допотопных браузеров. Нахрен этот прогресс вообще. =)
А по теме, надо будет есть и кроссбраузерные методы.

Проблема вообще в том, что округляется сам <div>. Соответственно прийдется подгонять размеры картинки под этот <div>. Я пытаюсь сделать скругление самого <img>. А тут вопрос возможно ли это.  В FireBug мы видим картинку в <img>. А в коде только <div class="main-image">
   <?php echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"', false, "class='modal'", true); ?></div>

ПХП я не шарю. Поэтому спрашиваю может можно воздействовать на класс 'class="medium-image"? Где он обитает? В виртуемартовском ЦСС его нет?

Еще созрел один вопрос. Ситуация: заливаю основную картинку товара с размером 800*600, что бы при увеличенном просмотре было лучше видно. При открытии товара на сайте картинка расползается сразу на все разрешение и наезжает на корзину и на описание. Вопрос: как задать размеры для отображения картинки продукта?
Ответ нашел здесь:http://joomlaforum.ru/index.php/topic,218535.0.html

Я же написал. попробуйте .main-image img {border-radius: 10px;}. Можете попробовать вставить его в основной CSS вашего шаблона.

Я же написал. попробуйте .main-image img {border-radius: 10px;}. Можете попробовать вставить его в основной CSS вашего шаблона.

Раздуплился. Заработало! Спасибо! +1