CSS İle Yan Yana Tablolar Oluşturalım

2
1753

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]

2
Kimler Neler Demiş?

avatar
1 Comment threads
1 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
EyLemkaan web deneme Recent comment authors
kaan web deneme
Ziyaretçi
kaan web deneme

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
EyLem

bilgi vermemiş kiiii Pardonn Ama !