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

1. BEPDuKT (17.01.2011 / 12:08)
Всем привет. скажите пожалуйста как сделать округлые углы? а лучше пример в архиве. а то у мя чета криво выходит.

2. delete (17.01.2011 / 12:21)
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;

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

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

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

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

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

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

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

6. delete (17.01.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 выставиш требуемые отступы.

7. BEPDuKT (17.01.2011 / 12:45)
Денис Петрович (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 выставиш требуемые отступы.
Ща проверю:-)

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

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

9. BEPDuKT (17.01.2011 / 12:59)
Денис Петрович (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 , если не получится у тебя, нарежу та дам тогда живой пример))
дадада, давай живой пример! мне главное техника.

10. delete (17.01.2011 / 13:11)
надо подумать

11. delete (17.01.2011 / 13:23)
только зачем тебе 5 дивов, когда достаточно и 3.

12. Чеширский KoтЪ (17.01.2011 / 13:35)
видимо, он хочет резиновую ширину фона smile

13. BEPDuKT (17.01.2011 / 13:36)
Денис Петрович (17 Января 2011 / 13:23)
только зачем тебе 5 дивов, когда достаточно и 3.
Сделай живой пример. :-)

Добавлено через 01:11 сек.
swEast (17 Января 2011 / 13:35)
видимо, он хочет резиновую ширину фона smile
Да, ширину, и длинну!!! :-)

14. delete (17.01.2011 / 13:48)
с 3дивами уже сделал))ща дам архив

Добавлено через 02:10 сек.
а с 5 потом как нибудь http://upwap.ru/1237831

15. BEPDuKT (17.01.2011 / 14:05)
Денис Петрович (17 Января 2011 / 13:48)
с 3дивами уже сделал))ща дам архив

Добавлено через 02:10 сек.
а с 5 потом как нибудь http://upwap.ru/1237831
Так я могу!:-) попробуй сделать резиновый фон.

16. BEPDuKT (17.01.2011 / 17:55)
Всем спасибо, я разобрался.

URL: https://visavi.net/topics/17817