Konu Adresi (URL)
About LinkBacks
Alıntı Yaparak Yanıtla
bottom divinde clear:both kullandığınız için konumları değişmiş olabilir. bunun yerine divlere display:block değeri verebilirsiniz.
BU CSS dosyam
buda htmlde ki kodlarım.sayfa {
background-image:url(img/arka.jpg);
background-repeat:repeat-x;
}
.top {
background-image: url(img/top.png) ;
margin-top:0px;
background-repeat:no-repeat;
height:149px;
}
.content {
background-image:url(img/body.png);
background-repeat:no-repeat;
height:473;
}
.bottom {
background-image:url(img/bottom.png);
height:146px;
clear:both;
}
Kod:<head> <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/CSS" href="style.CSS" /> </head> <body> <div class="sayfa"> <div class="top"> </div> <div class="content"> </div> <div class="bottom"> </div> </div> </body> </HTML>
sorunum ise en üstteki top görünüyor bottom görünüyor ama aradaki content yok top bottomun hemen altında yapışık çıkıyor bi türlü çözemedim yardımlarınız beklilyorum...
bottom divinde clear:both kullandığınız için konumları değişmiş olabilir. bunun yerine divlere display:block değeri verebilirsiniz.
bu şekilde yaptım gene aynıKod:.top { background-image: url(img/top.png) ; margin-top:0px; background-repeat:no-repeat; height:149px; display:block; } .content { background-image:url(img/body.png); background-repeat:no-repeat; height:473; display:block; } .bottom { background-image:url(img/bottom.png); height:146px; display:block;
content sınıfının height değeri verilirken birim unutlmuş. 473px yaptığında düzelecektir muhtemelen.
Ek olarak sayfanın taslağını oluşturan "top", "content" ve "bottom" gibi alanlar için sınıf yerine id kullanmak daha mantıklı olabilir. Sonuçta bir sürü nesne aynı sınıfa sahip olabilir ancak id'ler nesneye özeldir ve bir sayfada genelde tek bir "top", "content" ve "bottom" alanları olur.
kendimden utanıyorum
Mesaj Seçenekleri
