10/16/2007
Tombol asli ber-icon
Jam
10/16/2007 10:12:00 am
Topik :
CSS,
disain
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'">
Diposting oleh
Azes
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment