Как сделать закругленный фон меню ?

[aknur]

Здравствуйте!

Как сделать закругленный фон меню ?

Нужно сделать как здесь:

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

Получается вот так:

Архив с сайтом: СКАЧАТЬ

[Temiks]

Само проще картинку сделать фоном

[aknur]

Само проще картинку сделать фоном

Забыл сказать, что при добавлений еще пунктов меню, меню с фоном должно расширяться....

[Temiks]

тогда разрезать на три части

или одним из способов которые написаны тут

http://htmlbook.ru/faq/theme/skruglennye-ugolki

для отдельных браузеров так же мажно использовать

-webkit-border-radius: для хром и сафари

-moz-border-radius: для фф

[aknur]

тогда разрезать на три части

или одним из способов которые написаны тут

http://htmlbook.ru/faq/theme/skruglennye-ugolki

для отдельных браузеров так же мажно использовать

-webkit-border-radius: для хром и сафари

-moz-border-radius: для фф

Можете пожалуйста готовый код выслать ?

Я начинающий веб-мастер и еще не знаю, не пойму как сделать...

[htmlonline]

Можно в дивчик вставить с закругленными краешками вот код вместе с css

это в css:

.b1, .b2, .b3, .b4, .b5,
.b1 i, .b2 i, .b3 i, .b4 i, .b5 i,
.b1 b, .b2 b, .b3 b, .b4 b, .b5 b,
.b1 q, .b2 q, .b3 q, .b4 q, .b5 q {
height: 1px;
font-size: 1px;
overflow: hidden;
border-style: solid;
border-width: 0 1px;
display: block;
}
.b1 {
margin: 0 2px;
background: #EBEEF0;
border: none;
}
.b1 b {
margin: 0 1px;
background: #B8C3C8;
border-color: #CBD3D7;
}
.b2 {margin: 0 1px; border-color: #D6DCDF;}
.b2 b {border-color: #B8C3C8;}
.b2 i {border-color: #E4E8EA;}
.b2 q {border-color: #F7F8F9;}
.b3 {border-color: #EBEEEF;}
.b3 b {border-color: #BCC6CB;}
.b3 i {border-color: #F9FAFB;}
.b4 {border-color: #CAD2D6;}
.b4 b {border-color: #E5E9EB;}
.b5 {border-color: #B5C0C6;}
.b5 b {border-color: #FAFBFB;}
.text {
border: 1px solid #B0BCC2;
border-width: 0 1px;
padding: 0 12px;}

А это код блока

<div class="b1"><b></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b4"><b></b></div>
<div class="b5"><b></b></div>
<div class="text">
Пиши здесь свои пункты меню
</div>
<div class="b5"><b></b></div>
<div class="b4"><b></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b1"><b></b></div>

[Veseloff]

Можете пожалуйста готовый код выслать ?

Нет. Только за деньги.

[psywalker]

aknur

Отпиши мне на почту, попробую помочь psywalker09@gmail.com