İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

div içinde dive ayar çekmek

yozgatlı

0
İyinet Üyesi
Katılım
4 Aralık 2004
Mesajlar
1,428
Reaction score
0
Konum
yakında.com.tr
arkadaşlar benim bir adet divim var

PHP:
<div id="1">Content for  id "1" Goes Here</div>
örnek bunun içine 2 adet daha div eklemek istiyorum içine eklediğim divleri sağa sola aşağı veya yukarı ayarlamak için harici css kodu lazım yardımcı olabilirseniz dua ederim :)
 

damAster

0
İyinet Üyesi
Katılım
10 Eylül 2006
Mesajlar
206
Reaction score
0
div i class a sokucaksın o şekil birşeymi arıyosun?
 

tiva

0
İyinet Üyesi
Katılım
20 Eylül 2003
Mesajlar
2,741
Reaction score
4
<div style="margin-left: 100px; margin-right: 100px">
<div style="float: left">
111111111111111
</div>
<div style="float: right">
222222222222222
</div>
</div>
 

Caesar

0
İyinet Üyesi
Katılım
5 Haziran 2006
Mesajlar
1,894
Reaction score
7
HTML:
<style type="text/css">
 #ana {
    width:700px;
    position:relative;
    top:20px;
    left:100px;
 }
 #orta_sol {
   width:300px;
   height:300px;
   top:10px;
   left:0px;
   position:absolute;
   background-color: #cccccc;
   z-index:1;
   padding:5px;
   float:left;
 }
 #orta_sag {
 width:350px;
 height:300px;
 background-color: #333333;
 position:absolute;
 z-index:1;
 float:right;
 top:10px;
 right:0px;
 }
</style>
<body>
<div id="ana">
 <div id="orta_sol">eheheheh</div>
 <div id="orta_sag">hohohoho</div>
</div>
</body>
 

damAster

0
İyinet Üyesi
Katılım
10 Eylül 2006
Mesajlar
206
Reaction score
0
style nin classtan farkı nedir acaba ayrıca teşekkürler


CSS nin ana özelliklerinden biri budur zaten. Class lama olayı. Stilleri iki şekilde ayarlayabilirsin. Ya class yöntemi (1 kere tanımlayarak), yada stil yapacağın html etiketine ekleyeceğin style="...." kodu ile.

Şimdi etiket ile stil örnek şöyle mesela:

Kod:
<div style="float:center">içerik</div>

Yukarda float:center diye ayarlanmış. Ama yeri geldiğinde bunun gibi 10larca stil değeri ayarlaman gereke bilir. örnek:


Kod:
<div style="width:350px; height:300px; background-color: #333333; position:absolute; z-index:1; float:right; top:10px; right:0px;">içerik</div>

E bunun gibi 100 tane div in olursa ne olacak o sayfanın hali :) Vaktin yetmez stille başa cıkmaya, ve sayfan iyice karışık çorba olur. Peki class yönteminin faydası ne. oda şu :

Kod:
<style>
.deneme {
 width:350px;
 height:300px;
 background-color: #333333;
 position:absolute;
 z-index:1;
 float:right;
 top:10px;
 right:0px;
}
</style>

Şimdi birkere stili belirledik. divlere şöyle veriyoruz bu özellikleri:

Kod:
<div class="deneme">icerik</div>

işte class ın farkı bu.
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst