Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

CSS 'te kutular sola nasıl yaslanır?

CSS 'te kutular sola nasıl yaslanır?
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • 5
    bcinarli adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    12 cevap - 0 soru
    float: left; 


    kodu ile yan yana yaslayabilirsiniz kutularınız, ama bu durumda internet explorer 6 da iki kutu arasında normalden 2 kat daha fazla boşluk gözükecektir. o yüzden
     float: left; display: inline; 


    kombinasyonu ile kullanmanız gerekiyor. ayrıca, float tanımı yaptığınız bir kutudan sonra gelen kutular da bu kutunun yanında gözükmeye başlayacaktır. o yüzden, yan yan yaslama işlemini bitirdiğiniz noktadan itibaren,
    clear: both; 
    tanımlaması yapmanız gerekiyor.

    clear konusunun modern çözümleri bulunuyor, "clearfix" olarak geçiyor bu çözümler. en yeni ve az nesne getiren çözüm için http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ adresine bakabilirsiniz.

Cevaplar

  • sinanisler adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    2 cevap - 3 soru
    float ile nesneler birbirlerine dayanır.

     
    #ornekid{
    width:50px;
    height:50px;
    
    float:left;
    
    }
    
    
  • gblack adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    14 cevap - 8 soru
    float:left; ancak bu özellik kullanıldığında kutuların bittiği yerde gibi bir elemana clear:both; özelliği verilmesi gerekli.

    diğer bir yöntem display:inline;
  • hasanyasar adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    5 cevap - 0 soru
    <div style="float:left;">Kutu sola yazla/div>
  • emrahkaraalan adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    5 cevap - 1 soru
    bunun dışında float elementlerini kapsayan dive overflow özniteliğide verilebilir.. Örneğin..
    <div style="overflow:hidden;">
       <div style="float:left;">deneme</div>
       <div style="float:right;">deneme</div>
    </div>
    
  • system adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    5 cevap - 11 soru
    float: left;

    ile sola yaslayabilirsin birden fazla div'i yan yana yaslamak istiyorsan ikisindede bu kodu kullanabilirsin.