10/16/2007

Tombol asli ber-icon

Tombol seperti ini : http://www.box.net/shared/mah0uo1noi kadang dipakai untuk mempertahankan karakteristik asli pada input html jenis submit ataupun button, dibanding dengan input alternatif dengan atribut src. Di Delphi, tombol dengan label dan icon bersebelahan seperti ini disebut bitButton. Yang perlu diatur pada CSS untuk menggabungkan icon dan text mati adalah mengatur padding (jarak tepi), menyediakan 'lahan kosong' untuk ditempati gambar, menambahkan gambar background yang tidak berulang yang ditentukan posisinya. /*--definisi untuk input button dengan nama kelas tombolPost--*/ .tombolPost { font-size:11px; padding-top:1px; padding-right:1px; padding-bottom:1px; padding-left:12px; letter-spacing:1.5px; background-color:#eeeee0; background-image:url('../Icon/write.gif'); background-repeat:no-repeat; background-position:left; cursor:hand; } <input class=tombolPost type=button name=compose value="Kirim/Post" onclick="location.href='../View/Content?Action=New'">

No comments:

عبد العزيز

Create your badge