18 Tem 2012

Div yan yana koyma! Div css kodu.

Divleri nasıl yanyana koyarız? Div komutu otomatik olarak alt alt sıralanır, bunun içi hiçbir şey yapmaya gerek yok. Ama div leri yanyana koymak için  yazmanız gereken css kodları var. Tablo komutunda tr komutuna denk gelen işlemi anlatacağım. Tablo kullanmak yerine div komutuyla yaparsanız web sitenizi, arama motoru optimizizasyonu açısından daha avantajlı olursunuz. Yani google tablo komutunu sevmez div komutunu daha çok sever.

Div yan yana koyma örneği

div-yan-yana-koyma

Div yan yana koyma html kodu :


Div yan yana koyma değişkenleri

float:left  > divleri soldan sağa doğru dizerek yerleştirir, left yerine right yazarsanız divleri sağdan sola doğru yerleştirir.
class="kolon" burada sıralayacağınız bütün divlere aynı class yazmanız gerekir, bu ismi siz belirleyebilirsiniz ben kolon yazdım, siz başka biri isim verebilirsiniz. Önemli olan div class=xxx verdiğiniz ismi style tagları arasın .xxx diye koymanız ve örnekteki gibi float left veya riğh yazmanız.

Div yan yana koyma ile ilgili dış bağlantılar

w3schools.comsanalkurs.netforum.iyinet.comwikipedia.org
Etiketler
,
Facebook yorumları
Google + yorumları
Benzer Konular
FacebookTakipcileri
Google+ Takipcileri