Şema gibi bir sayfa var. Üstte 1 resim, onun altında 2 resim, onun da altında 3 resim gibi 4 satırlık resimler var.
2 resim yan yana gelecek, onun altında ise 3 resim yan yana gelecek.
Her bir satır için div oluşturdum. display:inline ve float:left değerleri atadım ama sonuç yok.
Nasıl yapabilirim sizce ?
CSS ile resimleri sıralama
5
●1.478
- 11-08-2016, 00:39:44solgentas adlı üyeden alıntı: mesajı görüntüle
<div class="Kapsa"> <ul class="Satir"> <li><img src="res.png"></li> <li><img src="res.png"></li> </ul> <ul class="Satir"> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> </ul> <ul class="Satir"> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> </ul> <ul class="Satir"> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> </ul> <ul class="Satir"> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> <li><img src="res.png"></li> </ul> </div>.Kapsa{ position: relative; width: 1000px; height: auto; background: #cecece; margin: 0 auto; } .Kapsa .Satir{ list-style: none; margin: 0; padding: 0; display: block; text-align: center; } .Kapsa .Satir li { display: inline-block; }Demo :

İndir - 11-08-2016, 00:42:46Eline, emeğine sağlık kardeşim. Çok teşekkür ederim. Deniyorum şimdi.Birdilimask adlı üyeden alıntı: mesajı görüntüle
- 11-08-2016, 00:45:12Demo görünümde ekledim. Estf. paylaşmak erdemliktir. İstediğini sorabilirsin. Genel mantık budur.solgentas adlı üyeden alıntı: mesajı görüntüle
- 11-08-2016, 00:53:05Tamamdır, oldu. Çok çok teşekkür ederim yine. Komple hallettikten sonra soracaklarım olabilir, kusura bakmaBirdilimask adlı üyeden alıntı: mesajı görüntüle
- 11-08-2016, 00:55:57Rica ederim hocam. Bilgimiz yettikçe yardımcı oluruzsolgentas adlı üyeden alıntı: mesajı görüntüle
