[?] Округлые углы CSS Графика

Всем привет. скажите пожалуйста как сделать округлые углы? а лучше пример в архиве. а то у мя чета криво выходит.

-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;

7px это радиус угла, поставь то что тебе нужно. А что тебе в архив кинуть?

Добавлено через 00:52 сек.
или тебе именно графикой, ща тогда пример нарисую, скину

Денис Петрович (17 Января 2011 / 12:21)
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;

7px это радиус угла, поставь то что тебе нужно. А что тебе в архив кинуть?

Добавлено через 00:52 сек.
или тебе именно графикой, ща тогда пример нарисую, скину

да, мне графические углы надо. Заранее спасибо:-)

3. BEPDuKT, ну в принципе то что я выше написал, работает во всех веб браузерах, но раз хочиш графикой.

Денис Петрович (17 Января 2011 / 12:29)
3. BEPDuKT, ну в принципе то что я выше написал, работает во всех веб браузерах, но раз хочиш графикой.

Знаю то что веб, а я вап дизы делаю:-)

в общем делаем так

html код:
<div class="panel-top">
<div class="left">
<div class="right">
<div class="center">
<h1>ЛОГО САЙТА</h1>
</div>
</div>
</div>
</div>

css код:
.panel-top .left {
background: transparent url(левая_часть.png) no-repeat left top;
}

.panel-top .right {
background: transparent url(правая_часть.png) no-repeat right top;
}

.panel-top .center {
background: transparent url(центральная_часть.png) repeat-x 0px 0px;
}
с помощью padding-left и padding-right выставиш требуемые отступы.

Денис Петрович (17 Января 2011 / 12:42)
в общем делаем так

html код:
<div class="panel-top">
<div class="left">
<div class="right">
<div class="center">
<h1>ЛОГО САЙТА</h1>
</div>
</div>
</div>
</div>

css код:
.panel-top .left {
background: transparent url(левая_часть.png) no-repeat left top;
}

.panel-top .right {
background: transparent url(правая_часть.png) no-repeat right top;
}

.panel-top .center {
background: transparent url(центральная_часть.png) repeat-x 0px 0px;
}
с помощью padding-left и padding-right выставиш требуемые отступы.

Ща проверю:-)

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

Добавлено через 02:19 сек.
ну вот я нарисовал заготовку для шапки http://upwap.ru/1237741 , если не получится у тебя, нарежу та дам тогда живой пример))

Денис Петрович (17 Января 2011 / 12:42)
в общем делаем так

html код:
<div class="panel-top">
<div class="left">
<div class="right">
<div class="center">
<h1>ЛОГО САЙТА</h1>
</div>
</div>
</div>
</div>

css код:
.panel-top .left {
background: transparent url(левая_часть.png) no-repeat left top;
}

.panel-top .right {
background: transparent url(правая_часть.png) no-repeat right top;
}

.panel-top .center {
background: transparent url(центральная_часть.png) repeat-x 0px 0px;
}
с помощью padding-left и padding-right выставиш требуемые отступы.

Блин, не так. мне надо чтобы было пять дивов,: фон, левый верхний угол, правый верхний, нижний левый, нижний правый.

Добавлено через 02:46 сек.

Денис Петрович (17 Января 2011 / 12:51)
весь геморой в основном когда все подгоняеш, это надо в начале все нарисовать в том числе и лого, нарезать на кусочки и тогда сидеть подгонять, обязательно что то сползает..

Добавлено через 02:19 сек.
ну вот я нарисовал заготовку для шапки http://upwap.ru/1237741 , если не получится у тебя, нарежу та дам тогда живой пример))

дадада, давай живой пример! мне главное техника.

надо подумать