PHP'de yan yana divleri sıralama - Sayfa 2

22-01-2020, 16:48:28

#10

foreach {
<div class="col-lg-3 col-sm-9 brand web"><div class="projects_item" style="text-align: left;"><img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>"></div>}

foreach içinde row içindeki bu satırı yazdır. Row dışarda kalsın.

22-01-2020, 16:50:16

#11

ercannkurtulus

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

<div class="projects_inner row">
<div class="col-lg-3 col-sm-9 brand web">
<div class="projects_item" style="text-align: left;">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">
</div>
</div>
</div>

<style>
.projects_item img {display:inline-block;}
</style>

olmadı hocam

22-01-2020, 16:54:50

#12

onurkendir

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

olmadı hocam

Verdiğin görüntüden anladığım kadarıyla resimleri sıralamışsın. Döngüyle veya döngüsüz. O halde senin CSS koda ihtiyacın var şeklinde anlıyorum. Aşağıdaki html kodu sayfaya yerleştirirsen çalışacaktır. En altta HTML kodları yüklediğin yere yerleştir. Mevcut CSS'deki display'i ezmesi için important verdim.

<style>
.projects_item img {display:inline-block !important;}
</style>

22-01-2020, 16:54:50

#13

ercannkurtulus

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

<div class="projects_inner row">
<div class="col-lg-3 col-sm-9 brand web">
<div class="projects_item" style="text-align: left;">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">
</div>
</div>
</div>

<style>
.projects_item img {display:inline-block;}
</style>

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

Yani bir div aşağıdan döngüye sok divleri yan yana gelecektir

olmadı hocam

22-01-2020, 17:16:15

#14

Developer

row ve col- sınıflarını kullandığın yapılara float:left; veya display:inline-block; kullanmana gerek yok. Büyük ihtimalle row'un altında ki col- elementine width: 100% vermişsin. Ondan ötürü problem yaşıyorsun. Onu düzeltirsen, problemin çözülebilir. Veya bize canlı halini atarsan, bizde inceleyebiliriz.

22-01-2020, 18:46:59

#15

onurkendir

Şu kodları alın bir html e yerleştirin çalıştığını göreceksiniz. O <style> taglarını php nin dışında tutun php ile döngüye girmesin o zaman çalışmaz. Yine çalışmazsa CSS dosyalarınızda .projects_item img kodu ve içinde display satırı var ise sadece şunu bulup "!important" komutunu kaldırın. <style> tagları da "en aşağıda" </body> den önce olsun en güvenilir şekilde.

<div class="projects_inner row">
<div class="col-lg-3 col-sm-9 brand web">
<div class="projects_item" style="text-align: left;">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">
<img width="200" height="200" src="<?php echo $referanscek['referans_resimyol']; ?>">

</div>
</div>
</div>

<style>
.projects_item img {display:inline-block !important;}
</style>

Mutlaka o .projects_item img kodunu ezen başka bir stil var. Chrome konsol da css class'larındaki komutları deaktif/aktif ederek test edebilirsiniz.
Biraz CSS de öğrenmeniz lazım.