CSS'de 2'den fazla objeyi yanyana sıralama

Question

Merhabalar

Başlıkta tam açıklayamadım fakat genel olarak çözemediğim bir css problemi var.

2'den fazla objeyi yanyana sıraladığımda (örneğin 8) bunu marginsiz ve paddingsiz yapmak istiyorum. Marginli ve paddingli yapınca en sağ veya en sol tarafında objenin boşluk oluşuyor. Yani objeler en sağa ve en sola dayalı olmalı. Objelere margin right verdiğimde sağda, margin left verdiğimde solda boşluk olacak biliyorsunuz. Türlü ortalama yöntemleri denedim ama hiç biri adam akıllı isteğimi karşılamadı. 1 piksel dahi boşluk olmasın istiyorum en sağda ve en solda.

Aklıma gelen diğer bir şey ise en sondaki objenin divini farklı yapmak oldu fakat onda da sürekli bir değişken mevcut yani en sondaki divi de farklı yapamıyorum.

sewakldawk · Answer

ID'si "wrapper" olan bir diviniz var diyelim. Bunun altında da sınıfı "yanyanadiz" olan birden çok div. Bunları yan yana dizeceksiniz. 4'er tane diziyorsanız örneğin, her 4 taneden sonra bir adet

tagı ekleyin. Yine right margin verin. CSS olarak da şunu ekleyin; .clear { clear: both; } .yanyanadiz:last-child { margin-right: 0 !important; }

KIZILKAN · Answer

Merhaba ; anladığım şekilde yorumlayacağım.Hata olursa kusura bakmayın.

						Alıntı										ul.a{float:left;margin-left:-5px};
ul.a li{float:left;margin-left:5px} 		Yani özetle nesneler yan yana sıralanacak ve en başta -5px atıcak.Bu şekilde boşluksuz sıralama olabilecek saygılar.

metehanx · Answer

sewakldawk adlı üyeden alıntı: mesajı görüntüle ID'si "wrapper" olan bir diviniz var diyelim. Bunun altında da sınıfı "yanyanadiz" olan birden çok div. Bunları yan yana dizeceksiniz. 4'er tane diziyorsanız örneğin, her 4 taneden sonra bir adet

tagı ekleyin. Yine right margin verin. CSS olarak da şunu ekleyin; .clear { clear: both; } .yanyanadiz:last-child { margin-right: 0 !important; } Ayrı ayrı değil php kodu dinamik olarak çekiyor yani aralarına clear eklemem mümkün değil.

sewakldawk · Answer

Mümkün hocam. Foreach ile döndürüyorsanız; $c = 0; foreach($ornek as $veri) { $c++; echo '

'; if ($c == 4) echo '

'; }

metehanx · Answer

sewakldawk adlı üyeden alıntı: mesajı görüntüle Mümkün hocam. Foreach ile döndürüyorsanız; $c = 0; foreach($ornek as $veri) { $c++; echo '

'; if ($c == 4) echo '

'; } Teşekkürler. Tamamdır.

sewakldawk · Answer

Ufak bir şey unutmuşum, kusura bakmayın $c = 0; foreach($ornek as $veri) { $c++; echo '

'; if ($c == 4) { echo '

'; $c = 0; } }

emirhanguven · Answer

a

b

c

sanırım istediğin bu

metehanx · Answer

emirhanguven adlı üyeden alıntı: mesajı görüntüle

a

b

c

sanırım istediğin bu Teşekkürler bunu da deneyeceğim.

oguzzarslan · Answer

ayrıca iki kutuyu bir div içine alıp en dıştaki dive position:relative verebilirsin. İçerdeki kutulara da position:absolute verip atıyorum top:500px; left:100px şeklinde istediğin gibi hizalama yapabilirsin.