Фон на Input type=submit

[sentenello]

Здавейте,
Искам да си нарисувам картинка която да ми е фон на инпута, но искам да е заоблена картинката, та въпроса ми е има ли някакъв начин инпут да си е с width:auto, и да седи заоблен.

Искам да отбележа, че пиша тази тема главно заради IE, тъй като при него всичко става 2 пъти по-трудно и не мога да го заобля бутона под IE

 

[tedobedo]

Можеш да нарежеш бутона на три части. Лява, среда и дясна част.

 

[sentenello]

Картинката ще я нарежа което е лесната част, но нз как да нарежа самия бутон....

амм.. да не да имаш предвид нещо такова..

<div class="glaven">

<div class="lqvo_zaoblqne"></div>
<div class="sreda"><input type=submit</div>
<div class="dqsno_zaoblqne"></div>

</div>

 

[tedobedo]

Картинката ще я нарежа което е лесната част, но нз как да нарежа самия бутон....

амм.. да не да имаш предвид нещо такова..

<div class="glaven">

<div class="lqvo_zaoblqne"></div>
<div class="sreda"><input type=submit</div>
<div class="dqsno_zaoblqne"></div>

</div>

Точно! :?:

 

[adrian]

Ако не ти е важно css валидатора да показва, че всичко е валидно, можеш да ползваш CSS 3.

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

и за да го направиш да работи и под IE 6-8 трябва да използваш css3pie

 

[sentenello]

Ако не ти е важно css валидатора да показва, че всичко е валидно, можеш да ползваш CSS 3.

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

и за да го направиш да работи и под IE 6-8 трябва да използваш css3pie

Опитах с PIE.htc, но нещо не се получи и не разбрах защо... колко тествах и не стана

 

[adrian]

Най-вероятно не си оказал точния път до PIE.htc файла.

За най-лесно го сложи в главната директория. След това css файла (независимо дали е в главната директория или не ще си го намира):

input {
border: 1px solid red;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}