margin değeri mantık sorusu

2 adet katmanımız var. biri productlist diğeri product. Productlist genişliği 690px'tir ve herhangi bir margin ve padding değeri içermemektedir. Bu 2 katmanı kullanım şeklim

 <div class="productlist">
    	<div class="product"></div>
        <div class="product"></div>
        <div class="product"></div>
        <div class="product"></div>
        <div class="product"></div>
        <div class="product"></div>
        <div class="product"></div>
        <div class="product"></div>
        <div class="product"></div>
    </div>

Şeklinde olduğunu düşünürsek product katmanlarının 3 er li sıralanarak aralarında 10px boşluk kalacak şekilde listelenmesi gerekiyor.yalnız sol tarafta kalan product katmanlarının margin-left:0px ve sağ tarafta kalan product katmanlarının da margin-right:0px olması gerekiyor. Yani sağ ve sol bloklar 690px lik genişliğe 0 a 0 yayılması lazım. İşin içinden çıkamadım yardımcı olursanız sevinirim

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 15:20:12 -->-> Daha önceki mesaj 15:00:10 --

:nth-of-type kullanarak çözdüm.

kutuların her bir genişliğine x diyelim,

en geniş div = 3x + 10px + 10px + 10px ( en son eklediğimiz 10px margin-right:10p; 'i karşılayacak.

mantık olarak böyle yapabilirsin. karışık geldi diyorsan;

margin-right:10px; dersin her bir kutuya. büyük divi de 10px geniş bırakırsın sağdan. içindekileri gene 690px genişliğine hizalamış olursun.

olmuyor diyorsan tekrar yorum yap, daha ayrıntılı bakalım

Hallettiğimi zaten yazdım yukarıda. teşekkür ederim yinede.