Web And Application Developer & Oracle DBA
div-css bilmeniz gereken kodlar
sayfanızı yukarıya yapıştırmak için:
PHP Kodu:
body
{
margin-top: 0px;
}
div içinde scrollbar:
1. kaydırma çubukları sürekli görünen: (overflow: scroll)
PHP Kodu:
.div1
{
overflow: scroll;
height: 100px;
width: 100px;
}
<div class="div1">asd asasd asdsad asd asd d<br /><br /><br /><br /><br /><br /><br /></div>
2. kaydırma çubuğu yazı alanı taşınca görünen: (overflow: auto)
PHP Kodu:
.div1
{
overflow: auto;
height: 100px;
width: 100px;
}
<div class="div1">asd asasd asdsad asd asd d</div>
yan yana div kutular: (float)
1. sola dayalı: (float: left;)
PHP Kodu:
.div2
{
border: solid 1px black;
float: left;
height: 100px;
width: 100px;
}
<div class="div2">1</div>
<div class="div2">2</div>
<div class="div2">3</div>
2. sağa dayalı: (float: right)
PHP Kodu:
.div2
{
border: solid 1px black;
float: right;
height: 100px;
width: 100px;
}
<div class="div2">1</div>
<div class="div2">2</div>
<div class="div2">3</div>
div’i sayfaya göre ortaya almak: (margin-left: auto; margin-right: auto; ikisi bir arada kullanılmalı)
PHP Kodu:
.div3
{
border: solid 1px black;
height: 100px;
margin-left: auto;
margin-right: auto;
width: 100px;
}
<div class="div3"></div>
24 views
| İçeriği Yazdır | Bu içerik CSS, Püf Noktası kategorisi altında 24 Aralık 2011 - 19:11 Hakan AK tarafından yazılmıştır. Takip etmek için RSS 2.0 ı kullanabilirsiniz. Yorum veya kendi sitenizden geribildirim yapabilirsiniz. |