Категории

рамка вокруг товара

гуру верстки подскажите как добиться результата:

пример в прикрепленном файле.
шаблон default
желаемая рамка в 2-5 пикселей с закругленными углами.

как я понимаю это можно поменять в css, но я не могу найти где именно и что дописать..

заранее благодарю

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

-moz-border-radius-topright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:3px;

Все остальные бравзеры такого не понимают. И нужно писать кусок кода на штмл и ЦСС

если тебе нужно круглые углы то самое простое это зделать для файрфокса, так как он потдерживает свои теги.
.....
Все остальные бравзеры такого не понимают. И нужно писать кусок кода на штмл и ЦСС

спасибо за открование, о гуру ;D

закругление углов можно делать в соответствии с стандартами css 3. border-radius это ccs3, а не как не личный тег для фаерфокса
именно этот тег не поддерживает только IE и OPERA 9,* (OPERA 10 поддержует)

кроме этого есть еще другие способы закруглять уголки, как с использованием порезанных изображений, так и без них, просто на css2.1

ну по твоим словам ЦСС3 потдерживают все кроме всех-2 ;D

лиса 3 только без проблем и опера 10(и то вроде бета версия), а что зуществует только 2 бравзера???

Вот пример из моего шаблона скругленых углов

<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
<div class="b4"></div>
<div class="content_b_body">
<div class="content_b_title">заголовок</div>
контент
</div>
<div class="b4"></div>
<div class="b3"></div>
<div class="b2"></div>
<div class="b1"></div>

вот код CSS

.content_b_title{
font-size: 13px;
font-weight: bold;
padding-bottom: 1px;
color: #9d9eff;
border-bottom: 1px solid #d8ebfe;
margin-bottom: 5px;
}

.content_b_body{
border-left: 1px solid #d8ebfe;
border-right: 1px solid #d8ebfe;
padding: 0px 10px 3px 10px;
background: #FAFBFD;
text-align: left;
display: block;
}

.b4{
border-left: 1px solid #d8ebfe;
border-right: 1px solid #d8ebfe;
height: 2px;
margin: 0px 1px;
background: #FAFBFD;
}
.b3{
border-left: 1px solid #d8ebfe;
border-right: 1px solid #d8ebfe;
height: 1px;
margin: 0px 2px;
background: #FAFBFD;
}
.b2{
border-left: 2px solid #d8ebfe;
border-right: 2px solid #d8ebfe;
height: 1px;
margin: 0px 3px;
background: #FAFBFD;
}
.b1{
background: #d8ebfe;
margin: 0px 5px;
height: 1px;
}

ZAP, ты хоть погугли. не знаеш. не советуй

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

да, о, гуру
давай не флудить ;)

Источник