CSS sorunu? Yardım lütfen

09-03-2015, 21:55:37

Merhaba,

Bir sitemin temasını yeniliyorum. Yeni bir tema oluşturuyorum. Karşılaştığım bir sorunu bilenine sormak istiyorum. Çözümleyemedim henüz.

12 adet içerik kutum var. Bunları 3 satır olacak şekilde 4'erli olarak yanyana sıralamak istiyorum. Ama aşağıda resimdeki gibi 4-2-4-2 şeklinde sıralama oluşuyor.

CSS kodu:

float: left;
width: 205px;
margin: 15px;

Yukarıdaki şekilde kutuları sıralıyorum. Çözümü eminim kolaydır ama çözüm bulamadım kendime kızıyorum

09-03-2015, 21:57:06

#2

Haktan

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

Merhaba,

Bir sitemin temasını yeniliyorum. Yeni bir tema oluşturuyorum. Karşılaştığım bir sorunu bilenine sormak istiyorum. Çözümleyemedim henüz.

12 adet içerik kutum var. Bunları 3 satır olacak şekilde 4'erli olarak yanyana sıralamak istiyorum. Ama aşağıda resimdeki gibi 4-2-4-2 şeklinde sıralama oluşuyor.

CSS kodu:

float: left;
width: 205px;
margin: 15px;

Yukarıdaki şekilde kutuları sıralıyorum. Çözümü eminim kolaydır ama çözüm bulamadım kendime kızıyorum

Demo verebilir misin hocam

Demo vermeden önce height vermeyi deneyebilir misin? Çözülmezse demo alayım

09-03-2015, 21:59:13

#3

pilsiz

height vermeyi denedim hocam fakat sorun çözülmedi.

demo veremiyorum localde çalıştığım için :/

10-03-2015, 00:37:42

#4

aozgenel

birinci satırdan sonra

<div style="clear:both;"></div>

10-03-2015, 00:49:39

#5

CemaLi

kutu yükseliğinden dolayı kaynaklanıyor bu sorun. Tüm kutuların yüksekliği aynı boyutta olursa bir sıkıntı olmaz.

Dikkat ettiyseniz, 2. kutunun içeriği diğer kutulardan daha fazla.

10-03-2015, 01:19:15

#6

thealiyasar

@cemali nin dediği gibi height değeri fazla 2. Kutunun ayrıca clear class i float:left ve right kullanılırsa kullanılır bu kutular sadece float:left özelliğini taşıyor 2. Kutudaki yazıyı kısaltın sonuç değişmezse buraya yazın hocam

Asus Zenfone 6 dan yolladim sürç-ü lisan affola

10-03-2015, 12:46:07

#7

pilsiz

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

birinci satırdan sonra

<div style="clear:both;"></div>

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

kutu yükseliğinden dolayı kaynaklanıyor bu sorun. Tüm kutuların yüksekliği aynı boyutta olursa bir sıkıntı olmaz.

Dikkat ettiyseniz, 2. kutunun içeriği diğer kutulardan daha fazla.

Cevaplarınız için teşekkürler.

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

@cemali nin dediği gibi height değeri fazla 2. Kutunun ayrıca clear class i float:left ve right kullanılırsa kullanılır bu kutular sadece float:left özelliğini taşıyor 2. Kutudaki yazıyı kısaltın sonuç değişmezse buraya yazın hocam

Asus Zenfone 6 dan yolladim sürç-ü lisan affola

Hocam cevabınız çözüme ulaştırdı. Resimlerin altındaki yazının bir satır fazla olmasından kaynaklı problem çıkartıyormuş. Cevabınız için teşekkür ederim.

10-03-2015, 12:49:24

#8

thealiyasar

Rica ederim iyi günler hocam

Asus Zenfone 6 dan yolladim sürç-ü lisan affola