div in clumns lara bölünmesi - Gofrm - Go-Forum Türkiye

dodi · 11-03-2009, 22:06

div de aynı table deki gibi columns oluşturmaya çalıştım beceremedim

örnek

#ana {
background-color: #ffffff;
width:780px;
height:800px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

<div id="ana" ></div> var bunu 3 columns olarak kullanmak istiyorum
ne yapmalıyım yardım ve teşekkür...

3 iyidir

**makaram** · 11-03-2009, 22:12

css bölümünü ilk counter strike:source diye düşününce, bu neyi neye bölmeye çalışıyo diye az düşünmedim.

**yolcu** · 11-03-2009, 22:50

dodi

bu css in püf noktalarından birisidir table mantığından divlere geçtiğinde insanın aklı almıyor yani en azından benim aklım hiç almıyordu

olay şöyleymiş dodicim

divlerde 3 alanı yanyana koymak istiyor fload:left / right gibi bir özellik var bunu kullanmalısın bunu yaparken şöyle düşünmelisin

önce bu üç div i kapsayan bir div yapmalısın sonra yan yana koyacağın 3 alını yanyana koymalısın

şöyleki:

<div id="kapsayan">

<div class="colon1"></div>
<div class="colon2"></div>
<div class="colon3"></div>

</div>

şimdi yukarıdaki kodun css lerini yazalım

#kapsayan{
width:350px;
height:400px;
background-color:#00CC00;
}

.colon1{
width:100px;
height:400px;
background-color:#aa33CC;

float:left;
}

.colon2{
width:100px;
height:400px;
background-color:#bb33CC;

float:left;
}

.colon3{
width:100px;
height:400px;
background-color:#cc33CC;

float:left;
}

renklendirmeleri olayı anlayabilmen için yaptım kodları yerleştirdiğinde 3 kolon şeklinde göreceksin burda önemli olan nokta dıştaki kapsayan web sitende yanyana ne koymak itiyorsan önce onları kapsayan bir div yapmalısın ki bu fload left ler sana sorun çıkarmasın

dodi · 11-03-2009, 23:13

eywallah çok çok teşeşkkür ederim.

codesignist · 11-03-2009, 23:41

Alıntı:

makaram´isimli üyeden Alıntı

css bölümünü ilk counter strike:source diye düşününce, bu neyi neye bölmeye çalışıyo diye az düşünmedim.

İşin gücün oyun.

**makaram** · 11-03-2009, 23:44

amacım bu Oyun oyna genç öl!

codesignist · 11-03-2009, 23:53

Alıntı:

makaram´isimli üyeden Alıntı

amacım bu Oyun oyna genç öl!

Sıs sısss...

dodi · 12-03-2009, 23:05

bide

div in rows lar ile bölümlenmesi için nasıl bir işlem yapıyoruz onuda öğrenirsem ballı kaymak olur

**makaram** · 12-03-2009, 23:06

yolcu mikrofon sende

codesignist · 12-03-2009, 23:26

Alıntı:

dodi´isimli üyeden Alıntı

bide

div in rows lar ile bölümlenmesi için nasıl bir işlem yapıyoruz onuda öğrenirsem ballı kaymak olur

Abi direkt float'ları silince satır satır oluyor zaten. Şöyle mesela;

PHP- Kodu:


			
<html>

 <head>

 <style type="text/css">

    #kapsayan{

        width:350px;

        height:300px;

        background-color:#00CC00;

    }

    .colon1{

        width:350px;

        height:100px;

        background-color:#aa33CC;

    }

    .colon2{

        width:350px;

        height:100px;

        background-color:#bb33CC;

    }

    .colon3{

        width:350px;

        height:100px;

        background-color:#cc33CC;

    }

 </style>

 </head>

 

 <body>

 <div id="kapsayan">

  <div class="colon1">1</div>

  <div class="colon2">2</div>

  <div class="colon3">3</div>

 </div>

 </body>

</html>

11-03-2009, 22:06	#1 (permalink)
dodi Acemi gofrm'lu Üyelik tarihi: Mar 2009 Mesajlar: 68 Teşekkür: 6 10 Mesaja 17 Teşekkür	div in clumns lara bölünmesi div de aynı table deki gibi columns oluşturmaya çalıştım beceremedim örnek #ana { background-color: #ffffff; width:780px; height:800px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } <div id="ana" ></div> var bunu 3 columns olarak kullanmak istiyorum ne yapmalıyım yardım ve teşekkür... 3 iyidir

11-03-2009, 22:12	#2 (permalink)
makaram Super Moderator Üyelik tarihi: Nov 2008 Bulunduğu yer: 7 tepeli şehir Mesajlar: 3.411 Teşekkür: 542 211 Mesaja 301 Teşekkür	css bölümünü ilk counter strike:source diye düşününce, bu neyi neye bölmeye çalışıyo diye az düşünmedim. __________________ bir gün bir çılgınlık edip....

11-03-2009, 23:44	#6 (permalink)
makaram Super Moderator Üyelik tarihi: Nov 2008 Bulunduğu yer: 7 tepeli şehir Mesajlar: 3.411 Teşekkür: 542 211 Mesaja 301 Teşekkür	amacım bu Oyun oyna genç öl! __________________ bir gün bir çılgınlık edip....

12-03-2009, 23:06	#9 (permalink)
makaram Super Moderator Üyelik tarihi: Nov 2008 Bulunduğu yer: 7 tepeli şehir Mesajlar: 3.411 Teşekkür: 542 211 Mesaja 301 Teşekkür	yolcu mikrofon sende __________________ bir gün bir çılgınlık edip....

Konu Araçları
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

11-03-2009, 22:50	#3 (permalink)
yolcu Super Moderator Üyelik tarihi: Nov 2008 Mesajlar: 555 Teşekkür: 73 71 Mesaja 106 Teşekkür	dodi bu css in püf noktalarından birisidir table mantığından divlere geçtiğinde insanın aklı almıyor yani en azından benim aklım hiç almıyordu olay şöyleymiş dodicim divlerde 3 alanı yanyana koymak istiyor fload:left / right gibi bir özellik var bunu kullanmalısın bunu yaparken şöyle düşünmelisin önce bu üç div i kapsayan bir div yapmalısın sonra yan yana koyacağın 3 alını yanyana koymalısın şöyleki: <div id="kapsayan"> <div class="colon1"></div> <div class="colon2"></div> <div class="colon3"></div> </div> şimdi yukarıdaki kodun css lerini yazalım #kapsayan{ width:350px; height:400px; background-color:#00CC00; } .colon1{ width:100px; height:400px; background-color:#aa33CC; float:left; } .colon2{ width:100px; height:400px; background-color:#bb33CC; float:left; } .colon3{ width:100px; height:400px; background-color:#cc33CC; float:left; } renklendirmeleri olayı anlayabilmen için yaptım kodları yerleştirdiğinde 3 kolon şeklinde göreceksin burda önemli olan nokta dıştaki kapsayan web sitende yanyana ne koymak itiyorsan önce onları kapsayan bir div yapmalısın ki bu fload left ler sana sorun çıkarmasın

11-03-2009, 23:13	#4 (permalink)
dodi Acemi gofrm'lu Üyelik tarihi: Mar 2009 Mesajlar: 68 Teşekkür: 6 10 Mesaja 17 Teşekkür	eywallah çok çok teşeşkkür ederim.

12-03-2009, 23:05	#8 (permalink)
dodi Acemi gofrm'lu Üyelik tarihi: Mar 2009 Mesajlar: 68 Teşekkür: 6 10 Mesaja 17 Teşekkür	bide div in rows lar ile bölümlenmesi için nasıl bir işlem yapıyoruz onuda öğrenirsem ballı kaymak olur