проблем при обал бутон

[knight96]

здравейте в момента уча css и имам проблем с закръглянето на бутон ползвам следния метод два дива от двете страни са картинките лявата и дясната част на бутона но проблема е че дясната част не се показва ето и кода

<html>
<head>
<title>index</title>
<style type="text/css">
div.buton,
div.buton div,
div.buton div input {
height:32px;
font-size:15px;
}
div.buton {
display:block;
background-image: url(pic/left-bt.png);
background-repeat:no-repeat;
width:13px;
padding-left:7px;
}
div.buton div {
background-image: url(pic/right-bt.png);
background-repeat: no-repeat;
background-position:100%;
width:13px;
padding-right:7px;
}
div.buton div input {
display:block;
background-image: url(pic/center-bt.png);
background-repeat: repeat-x;
border:none;
padding:0;
margin:0;
}
</style>
</head>

<body>
<div class="buton"><div class="skillet"><input type="submit" value="save"/></div></div>
</body>
</html>

ето и какво се получава http://help-for-css.hit.bg/index.html ако може да ми кажете къде е проблема . От сега благодаря !

 

[kikity_94]

може и без картинки ако те устройва естесвтено
Ето така в CSS добави

-moz-border-radius: 2em;
border-radius: 2em;

 

[tedobedo]

може и без картинки ако те устройва естесвтено
Ето така в CSS добави

-moz-border-radius: 2em;
border-radius: 2em;

Освен това трябва да добави и:

-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;

 

[shterev]

@knight96 демото не работи, а иначе не мога да разбера какво точно не е наред.

 

[tedobedo]

@knight96 демото не работи, а иначе не мога да разбера какво точно не е наред.

При мен работи! Той има обикновен бутон (правоъгълник) и аз му даван този код, за да го напави с обли краища.

-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;

 

[shterev]

@knight96 демото не работи, а иначе не мога да разбера какво точно не е наред.

При мен работи! Той има обикновен бутон (правоъгълник) и аз му даван този код, за да го напави с обли краища.

-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;

А в ИЕ какво прави?

 

[tedobedo]

@knight96 демото не работи, а иначе не мога да разбера какво точно не е наред.

При мен работи! Той има обикновен бутон (правоъгълник) и аз му даван този код, за да го напави с обли краища.

-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;

А в ИЕ какво прави?

След малко ще си едитна поста с начина....

 

[shterev]

хехе мен не ми трябва твоя начин Просто казвам,че тоя цсс3 който мн искам да ползвам не се поддържа . Представи си идва ти клинет и ти вика искам ие6 и точка. Предполагам ще почнеш да слагаш js-и и някакви такива, но по-добре е както е почнал да се мъчи

 

[tedobedo]

Сега погледнах .NET за този месец и в него пише, че няма фикс за радиуса в старите версии на IE... Ако толкова искаш всичко да е ОК под IE просто направи втори style с изображения или просто боксовете там да са квадратни.
PS: Сега се сетих... Погледни: http://css3pie.com/
:?:

@shterev ако това стане ще трябва да ползвам картинки.... Аз лично вече не се вълнувам от IE6.

 

[shterev]

Сега погледнах .NET за този месец и в него пише, че няма фикс за радиуса в старите версии на IE... Ако толкова искаш всичко да е ОК под IE просто направи втори style с изображения или просто боксовете там да са квадратни.
PS: Сега се сетих... Погледни: http://css3pie.com/
:?:

@shterev ако това стане ще трябва да ползвам картинки.... Аз лично вече не се вълнувам от IE6.

Много по добре е да ползва начина по който е тръгнал от колкото да добавя допънително javascript , който оказва влияние на скоростта на сайта

 

[knight96]

Аз уча css 3 и искам да науча всички възможни методи немисля да ползвам java script ако може дами кажете какво да добавя или оправя в кода за да се появи дясната част на бутона по метода по който аз съм тръгнал .Благодаря за отговорите до тук !

 

[tedobedo]

Бутона няма как да стане объл като не си задал това, което ти дадох.