Resim'e Arama Motoru Ekleme.

Merhabalar. Html'de birşeyler karalarken şurada takıldım.

Sitenin sağ üst köşesinde; Bu var. Lakin beyaz yere yazı yazıp, arama olayını yapamadım.

Beyaz yerin, resmi farklı. Yani yazılmaya uygun. Nasıl olacak ?

resmi parçalayıp (fireworks ile )beyaz yerdeki parça resmi silip oraya arama kodlarını koyabilirsin

Html kodun (Formuna göre düzenlersin)

<form method="get" action="/">
<div class="arama">
<input type="text" value="" name="s" />
<input type="submit" value="Ara" />
</div>
</form>

Css kodların

#arama
{
width: 210px;
height:120px;
background: url(images/arama.png) no-repeat;
}

#arama input
{
padding-left:40px;
}

Parçalamaya gerek yok css ile de yapılır. @BuRaKM anlatmış zaten.

evet öyle olmuş

Şöyle bir bozukluk oluyor. Bir türlü çözemedim.

Kullandığın sayfayı pmlersen yardımcı olurum boyutlarla ilgili bi sorun var sanırım .

PM Gönderildi.

bölmeden css margin ilede yapabilirsin.Fakat ie de sorun çıkarabilir.