CSS ile Yan yana ve alt alta düzgün sıralama?

23-06-2010, 03:35:29

#1

~~SahiNET~~

Üyeliği durduruldu

Slm arkadaşlar, yapmak istediğim şey çok basit. Fakat CSS 'de daha yeni sayılırım. Ondan dolayı yapamadım.

Bunu FW ile çizdim fakat CSS e aktarırken takıldım.

300px genişliğinde bir div var. Yanyana ve Alt alta düzgün bir şekilde nasıl sıralayabilirim? 3. den sonra herhangi bir <br> komutu vs. olmadan tabi (:

yardım edecek arkadaşlara şimdiden teşekkürler...

23-06-2010, 03:42:32

#2

phptr

üç tane ayrı div oluşturun. üçüne de float:left; uygulayın.

divlerin içinde listelenmesi gerekenleri Ul ve Li taglarını kullanarak sıralayın.

23-06-2010, 04:27:25

#3

~~SahiNET~~

Üyeliği durduruldu

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

üç tane ayrı div oluşturun. üçüne de float:left; uygulayın.

divlerin içinde listelenmesi gerekenleri Ul ve Li taglarını kullanarak sıralayın.

Cevabınız için teşekkürler fakat 11x3 = 33 div yapar. Div kullanmadan başka bir çözümü yok mudur?

23-06-2010, 04:30:37

#4

phptr

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

Cevabınız için teşekkürler fakat 11x3 = 33 div yapar. Div kullanmadan başka bir çözümü yok mudur?

yok yanlış anladınız

3 ana div olacak

1. div in içinde 11 tane
hemen sağındaki 2. divin içinde 11 tane
ve 3. div in içinde 11 tane

23-06-2010, 09:44:07

#5

cocainer

Örnek olsun diye yaptım;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Örnek</title>
<style type="text/css">
div{
	width:130px;
	float:left;
}
</style>
</head>

<body>
    <div>
    	Deneme 1<br />
        Deneme 2<br />
        Deneme 3<br />
        Deneme 4<br />
        Deneme 5<br />
        Deneme 6<br />
        Deneme 7<br />
        Deneme 8<br />
        Deneme 9<br />
        Deneme 10<br />
        Deneme 11<br />
    </div>
    <div>
    	Deneme 1<br />
        Deneme 2<br />
        Deneme 3<br />
        Deneme 4<br />
        Deneme 5<br />
        Deneme 6<br />
        Deneme 7<br />
        Deneme 8<br />
        Deneme 9<br />
        Deneme 10<br />
        Deneme 11<br />
    </div>
    <div>
    	Deneme 1<br />
        Deneme 2<br />
        Deneme 3<br />
        Deneme 4<br />
        Deneme 5<br />
        Deneme 6<br />
        Deneme 7<br />
        Deneme 8<br />
        Deneme 9<br />
        Deneme 10<br />
        Deneme 11<br />
    </div>
</body>
</html>

NOT: Ben bütün div'lere uyguladım isterseniz css'de div değilde .blok diye adlandırırsanız <div class="blok"></div> şeklindede aynı işlemi yapabilirsiniz.

23-06-2010, 13:50:49

#6