CSS İle Yan Yana Tablolar Oluşturalım

2
1308

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]

Kimler Neler Demiş?

2 Yorum - "CSS İle Yan Yana Tablolar Oluşturalım"

avatar
kaan web deneme
Ziyaretçi

mrb bende web denemesi yapıyorum geliştirmeye çalışıyorum css de sorunlarım oluyor bu bilgi çok işime yaradı teşekkürler

EyLem
Ziyaretçi

bilgi vermemiş kiiii Pardonn Ama !