Div'leri Yan Yana Sıralama

Öncelikle bu benim ilk dersim, yanlışlarım hatalarım varsa mazur görün. Yorumları okuyacağım.

Herkesin merak ettiği bir konu da Dreamweaver'da div'leri yan yana sıralamaktır. Bu derste bunun basit bir yöntemini ele alacağız.

Ben ilk başta yan yana sıralayacağım div'lerin dışına başka bir div eklemeyi tercih ettim ve içindeki bölmeleri yan yana sıraladım.

Evvela, 2 div açalım; birisi dıştaki div olan dis_bolme, diğeri de dış div'in içinde yer alan bölüm olan ic.bolme,

Kod:

<style type="text/css">
#dis_bolme {
width: 500px;
height:250px;
background-color: #666
}
.ic_bolme{
   float:left;
   width:150px;
   height:150px;
   border:#CCC solid 1px;
   background-color: #F00;
   margin-right: 10px;
   margin-left: 4px;
</style>

Bölmelerin arasında 2px lik boşluk olduğunun anlamına gelir.

margin-right: 2px;

Bu komutumuz ise bölmelerin soldan sağa doğru dizildiğini belirtir.

float:left;

Şimdi ise Div id lerimizi yazıyoruz.

Kod:

<div id="dis_bolme">
<div class="ic_bolme">Bölme1</div>
<div class="ic_bolme">Bölme2</div>
<div class="ic_bolme">Bölme3</div>
</div>

[Resimleri görebilmek için üye olun veya giriş yapın.]