Kaydırma Elementleri Nedir ?

Kaydırma elementleri haber sitelerindeki makalelerde gördüğünüz resim ve yazının yerleridir. Kısacası resmin yanına ve altına tablo ile değil CSS ile kolayca ve kasmadan işlem yapabiliriz. Hemde çok kısa kodlarla. Aşağıda örnek resimlere bakınız.

Kısacası yukarıdaki örnekte gördüğünüz sistem. Bunun uygulanmış bir örneğinide alttaki örnekten görebilirsiniz.

Tabiki bu örnekleri photoshop’da çizdim. Biraz sonrada uygulanmış örneklerini görebileceksiniz.

Hemen CSS kodlamamızın yapımına geçelim…

#resim {
	float:left;
	width: 100px;
}

HTML kodumuzda aşağıdaki gibi.

<div id="resim">
	<img src="resim.png" alt="Baybars.Net">
</div>

<p>Yazımız sağda çıkıyor.</p>

Örneği Göster