CSS İle Yan Yana Tablolar Oluşturalım

Diyelim ki internet sitenizde yanyana tablo oluşturmanız gerekiyor. Bunu da zorlanmadan yapabileceğiniz örnek bir css kodlaması ve div taglarını kullanarak yapacağız. Öncelikle css kodlarınızı sitenizin style dosyası içine ekleyin.Ardından tablonun çıkmasını istediğiniz yerede tablo kodlarını ekleyebilirsiniz.

[codesyntax lang="css"]

#sayfa {
width: 800px;
height:500px;
}
.resim{
float:left;
width:200px;
height:100px;
border:#CCC solid 1px;
}

[/codesyntax]

Önce sayfada 2 div açalım birisi ana diğeri de tablo olarak kullanacağımız elementler.Ana div ‘e sayfa id sini veriyorum. Tablo olarak kullanacağıma da resim diyorum….

Şimdi de html sayfamı hazırlıyorum…

[codesyntax lang=”html4strict”]

<div id="sayfa">
<div class="resim">Resim1</div>
<div class="resim">Resim2</div>
<div class="resim">Resim3</div>
<div class="resim">Resim4</div>
</div>

[/codesyntax]