php resimleri kaydırma

[Sohbetly]

arkadaşlar sohbetdr.com bu şekilde bir sitem var on aktif üyelerin resimleri gözüküyor bazen çok fazla olduğu için alt alta geliyor
ben istiyorum ki çok fazla resim olduğunda sağ tarafa bir kaydırma çubuğu olsun öyle gözüksün

sohbetcim.com buradaki gibi

 

[chnkyn]

1- float kullanırsan sayfada kaymalar yaşanır.bunu önlemek için en son float alan elemandan sonra bir div aç style="clear:both" özelliği ile ekle.bu kaymaları önler.
active-users class lı div içindeki her div float özelliği almış.clear:both özelliği uyguladığımda yine de kaymalar yaşanıyor.başka yerlerde de float var.
2-bu divleri dinamik yüklüyorsun ama her div için ortak özellikleri .(background-size , border-radius gibi) style ile eklemekten ise ortak olanları bir class ile ekle.
resimlerin yan yana gelmesi için ise
active-users divine belirli bir yükseklik vermelisin.bu yüksekliği ayarlarsın.h3 başlığı hr ve içindeki bir divin yüksekliğinden biraz fazla olacak şekilde.daha sonra active-users divine overflow-xauto veya scroll) ve overflow-y:hidden özelliği verirsen yana doğru scroll oluşur.

 

[Sohbetly]

teşekkürler deneyim