Web Sayfasında Sabit Duran Katman

Web sayfamızda belli bir yerde sürekli sabit duracak bir katman olmasını isteyebiliriz.Yani kaydırma çubuğundan etkilenmiyecek sabit bir katman.Bu web sitemizin menüsüde olabilir veya alışık olduğumuz ve sıkça karşılaştığımız gibi bir reklam banner ı da olabilir.Bunu yapmak için DIV katmanından faydalanacağız.Kodumuz aşağıdaki gibidir:

 <div style="position:fixed;top:35px;left:40px">
    <img src="burak.gif" alt="burak" />
</div>

 Bildiğiniz gibi img src kısmında resmin yolunu belirtiyoruz.Ben örnek olsun diye resim kullandım.O kısımda istediğiniz html kodunu kullanabilirsiniz.

position:fixed özelliğiyle resimin belli bir yerde sabit kalacağını belirtiyoruz. top:35px ve left:40px özellikleri ile de resmin hangi pozisyonda sabit kalacağını belirtiyoruz.Yukarıya 35px, sol tarafa ise 40px mesafede olacağını söyledik.

Not:Bu vermiş olduğum kod sadece IE 7 ve üstü sürümlerde ayrıca Firefox 2 ve üstü sürümlerde çalışmaktadır.

 

Kolay gelsin... 

Bu yazıyı ilk değerlendiren siz olun

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

Tags: , , ,

Yorum ekle


(Gravatar simgesini gösterecek)  

biuquote
  • Yorum
  • Canlı önizleme
Loading