validator.w3.org - как они делают кнопочки?

[cx717]

http://validator.w3.org/#validate_by_input - на этой странице кнопочка формы "Check" очень уж красивая, но как она нарисована я

так и не понял. Видимо для ее закругления используется скрипт http://validator.w3.org/scripts/w3c-validator.js, но так как я в js плохо понимаю

то ничего разобрать и не смог(

Если кто-нибудь понял как они это делают - объясните плз.

Edited August 3, 2009 by cx717

[s0rr0w]

http://validator.w3.org/#validate_by_input - на этой странице кнопочка формы "Check" очень уж красивая, но как она нарисована я

так и не понял. Видимо для ее закругления используется скрипт http://validator.w3.org/scripts/w3c-validator.js, но так как я в js плохо понимаю

то ничего разобрать и не смог(

Если кто-нибудь понял как они это делают - объясните плз.

Мдаааа... Могу посоветовать только одно - учите матчасть, и используйте FireBug

[Павел Билькис]

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

a.submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/button-left.png) no-repeat scroll left center;
display:block;
margin:0 auto;
text-align:center;
text-decoration:none;
width:10em;
}
a.submit span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/button-right.png) no-repeat scroll right center;
display:block;
padding:1.2em 2em;
}