Css Yarım ul - li - ol larla ilgili

0
Onaylı Üye
Üye
Katılım
11 Mayıs 2007
Mesajlar
3,749
Tepki puanı
61
Konum
Antalya
http://www.msnsmile.com/Halloween-c18.html

bu sayfadaki smile leri 6 şarlı yanyana koymak istiyorum 6 dan sonrada alt sıraya geçmesini sağlamak istiyorum. Bir çok kombinasyon uyguladım ama ya bir tane fazla oluyor yani bu şekilde aşağıya kayıyor yada tablonun dışına taşıyor.

Bu kodla yapmaya çalışıyorum. 4-5 tane daha kod denemiştim direk ul ve li den oluşan ama onlarda daha çok sorun çıkardığı için içerisinde div olan komutu kullanmaya karar verdim.
Kod:
ul {
		list-style-type:none;
		float:left;
		padding:0px;
		margin:0px;
	}
	li {
		padding:0px;
		margin:0px;
		display:block;

	}
	div.sutun {
		width:150px;
		padding:5px;
		margin:0px;
		float:left;
		height:150px;
	}
 
1
Onaylı Üye
Üye
Katılım
24 Ocak 2005
Mesajlar
7,131
Tepki puanı
86
Karşılaştığın soruna neden büyük ihtimalle width değerlerinin birbirine uymamasıdır. Zamanım yok diye kodları inceleyemedim.

Padding değerini koyduğun zaman içeriğin yer aldığı tablonun asıl değeri width'e verdiğin değer olmaz. Mesela yukarda padding = 5 dediğin için her sutun için soldan ve sağdan width değerini 5+5=10px arttıracaktır... Bundan dolayı ana tablonun uzunluğu en az (150*6)+(10*6) = 960px olarak ayarlanmalıdır. Aksi halde bunların yan yana olmasını sağlayamazsın...
 
0
Onaylı Üye
Üye
Katılım
11 Mayıs 2007
Mesajlar
3,749
Tepki puanı
61
Konum
Antalya
Karşılaştığın soruna neden büyük ihtimalle width değerlerinin birbirine uymamasıdır. Zamanım yok diye kodları inceleyemedim.

Padding değerini koyduğun zaman içeriğin yer aldığı tablonun asıl değeri width'e verdiğin değer olmaz. Mesela yukarda padding = 5 dediğin için her sutun için soldan ve sağdan width değerini 5+5=10px arttıracaktır... Bundan dolayı ana tablonun uzunluğu en az (150*6)+(10*6) = 960px olarak ayarlanmalıdır. Aksi halde bunların yan yana olmasını sağlayamazsın...

ul {
list-style-type:none;
float:left;
padding:0px;
margin:0px;
width:960px;
}

bunu yazınca düzeldi sağol :) yağmayok yalnız ben her hangi bir ölçü belirtmedim 800-900 gibi belirtmediğim zaman otomatik en yüksek boyuta çıkması gerekmiyormu yani illa 960 mı yazmak zorundayız.
 
1
Onaylı Üye
Üye
Katılım
24 Ocak 2005
Mesajlar
7,131
Tepki puanı
86
Rica ederim.

Her zaman width değerleri belirtilmeli diye düşünüyorum.

Bu arada css'ye başlamışsın galiba... max-width, m,n-width değerleri konusunda yazılmış makaleleri de okumayı unutma. :D
Ayrıca tasarımı yaparken farklı tarayıcılarda test etmeyi de unutma :p

Kolay gelsin...
 
0
Onaylı Üye
Üye
Katılım
11 Mayıs 2007
Mesajlar
3,749
Tepki puanı
61
Konum
Antalya
evet şimdide bunu yapmaya çalışıyorum. :)
 
1
Onaylı Üye
Üye
Katılım
24 Ocak 2005
Mesajlar
7,131
Tepki puanı
86
Yapmaya mı çalışıyorsun yoksa yardım edermisiniz demek istiyosun ? :D
Söylersen ona göre birşeyler karalayabilirim...
 
0
Onaylı Üye
Üye
Katılım
11 Mayıs 2007
Mesajlar
3,749
Tepki puanı
61
Konum
Antalya
http://www.msnsmile.com/Halloween-c18.html

valla oluyo :) öğrencem ben bu işi. CSS kitabı filan biliyomusunuz iyi bir şekilde öğrenebileceğim önerebileceğiniz bir kitap varmı.

Altta kaydırma çubuğu çıkıyor bide onu bulsam :D tam olcak.
 
1
Onaylı Üye
Üye
Katılım
24 Ocak 2005
Mesajlar
7,131
Tepki puanı
86
Ben altta bir kaydırma çubuğu göremedim. :D Galiba sorunu çözdün. Bu gibi durumlar da genelde yukarıda saydığım nedenlerden olmaktadır. Bu width,paddding, margin değerlerine dikkat et derim.

Bu kadarını yapabildiğine göre kitaba gerek yok bence. Ama sana daha önceden vermiş olduğum ve internetten yayınlanan kitabı inceleyebilirsin.

Öğrenme adına bence bundan sonra yapman gereken karışık tasarımlar oluştururken karşılaştığın zorluklar ile ilgili araştırmalar yapman.

Kolay gelsin...
 
0
Onaylı Üye
Üye
Katılım
11 Mayıs 2007
Mesajlar
3,749
Tepki puanı
61
Konum
Antalya
Ben altta bir kaydırma çubuğu göremedim. :D Galiba sorunu çözdün. Bu gibi durumlar da genelde yukarıda saydığım nedenlerden olmaktadır. Bu width,paddding, margin değerlerine dikkat et derim.

Bu kadarını yapabildiğine göre kitaba gerek yok bence. Ama sana daha önceden vermiş olduğum ve internetten yayınlanan kitabı inceleyebilirsin.

Öğrenme adına bence bundan sonra yapman gereken karışık tasarımlar oluştururken karşılaştığın zorluklar ile ilgili araştırmalar yapman.

Kolay gelsin...

aslında kodlardan daha kolay öğreniyorum ne işe yaradığını anlarken. Bu arada kategorileri sola aldım :) yukarda pek güzel olmuyor senin css den aldım biraz ama olsun :D.
 
0
Onaylı Üye
Üye
Katılım
11 Mayıs 2007
Mesajlar
3,749
Tepki puanı
61
Konum
Antalya
yok tasarımı değil sadece menüleri senden aldım tasarım vbseo nun arşiv sisteminden alıntı :D
 
Geri
Üst