HTML CSS

Sveiki, noriu padaryti formos button su piesineliu.

CSS kodas:

.butt {

display: block;

float: left;

background-image:url(push.gif);

background-repeat: no-repeat;

width: 90px;

height: 32px;

border: 0px;

font-size: 1px;

color: #ffffff;

}

html:

<input type="submit" class="butt" name="Submit" value="">

Beda:

tas piesinelis, yra su apskritais kampais, padarytas gerai, t.y. su transparent krastais. Tik beda, kad nesimato pats puslapio background, o matosi tos standartines button knopkes spalva, t.y. pilka.

Galbut pasiulymu kas turit kaip isspresti beda?

jei paveikslelis su tokiu bg, tai nieko nepadarysi, patarciau naudoti png su transparent bg ir konpensuoti ie6 su PNG fixu :D

Na taip ir yra transparent bg, tik beda, kad pert ta transparent matosi button bg o ne man reikalingas melynas bg (puslapio)

.butt {

background-color:transparent;

}

nepadėtų?

Vakar šią problemą išsprendėm. Ir taip, Aurimai, tavo sprendimas toks kokį mes ir sugalvojome ;)

Jei ne suknistas IE tai galėtume labai lengvai uždėti apvalius kraštus bet kokiam elementui.

-moz-border-radius firefox'ui, -webkit-border-radius apple naršyklėm (iphone irgi!). Čia daugaiu apie tas css3 gėrybes -> http://www.the-art-of-web.com/css/border-radius/