TextBox ve Buton Şekillendirme

Merhaba Arkadaşlar,

Aldığım Bir İçin Konu Başlığınd Yazdığım Gibi Arama Kısmı ve Butonunu Psd yaptığım tasarımdaki Gibi Şekillendirmem Gerekiyor. Yardımcı Olursanız Sevinirim.

Örnek Adres:

www.siberortam.com'daki kullanıcı giriş kısmı

buton için zaten direk resim yolu belirtebilirsin

textbox için ise borderlarını 0 px yapıp background atayabilirsiniz.

hocam atıyorum ama olmuyor. class kodunu kullanıyorum malesef sonuç yok.

Kullandığım Kod:

hocam atıyorum ama olmuyor. class kodunu kullanıyorum malesef sonuç yok.

Kullandığım Kod:

Aklıma gelen yöntem şu şekilde:

İki tane div oluşturun.Birini input için kullanın diğerini imaj dosyası için.Örnek;

<div class="content"><input type="text" id="cc" name="" class="dd"></div>

Kullanacağınız imajı content divine arkaplan olarak ekleyin. Inputın stil özelliklerini de şu şekilde ekleyin;

dd {background:none;border:none;}

Teşekkürler Arkadaşlar Hallettim. Bir Sorum Daha Olacak. Ben Şimdi iki ayrı div kullandım bunları tek bir form altında nasıl toplarım ?

<form>
<input class="kadi" />
<input class="ksifre" />
</form>

.kadi
{
background: url(kadi.jpg) no-repeat;
border: 0;
width:200px;
height:25px;
}
.ksifre
{
background: url(ksifre.jpg) no-repeat;
border: 0;
width:200px;
height:25px;
}

bu şekilde kullanınca olmuyormu .