CSS sayfalama
Sayfalama Örnek:
Genelde kullanılan sayfalamaya bir örnek olacak nitelikte. İkinci yöntem benim daha çok tercih ettiğim yöntem listeler ile sayfalama;
XHTML Kodu:
<ul class="sayfalama">
<li><a href="">|<</a></li>
<li><a href="">Önceki</a></li>
<li><span>1</span></li>
<li><a href="" title="Sayfa 2">2</a></li>
<li><a href="" title="Sayfa 3">3</a></li>
<li><a href="" title="Sayfa 4">4</a></li>
<li><a href="" title="Sayfa 5">5</a></li>
<li><a href="" title="Sayfa 6">6</a></li>
<li><a href="" title="Sayfa 7">7</a></li>
<li><a href="" title="Sayfa 8">8</a></li>
<li><a href="" title="Sayfa 9">9</a></li>
<li><a href="" title="Sayfa 10">10</a></li>
<li><a href="" title="Sonraki">Sonraki</a></li>
<li><a href="" title="İlk Sayfa">>|</a></li>
</ul>
CSS kodu:
ul.sayfalama {
margin:0 auto;
width:530px;
padding:10px 0 0 0;
clear:left
}
ul.sayfalama li {
font:bold 12px Tahoma, Geneva, sans-serif;
color:#fff;
float:left;
list-style:none;
margin:0 2px;
background:#005689;
}
ul.sayfalama li span {
padding:5px 8px;
display:block
}
ul.sayfalama li a {
font:bold 12px Tahoma, Geneva, sans-serif;
color:#005689;
text-decoration:none;
background-color:#e2e2e2;
padding:5px 8px;
display:block
}
ul.sayfalama li a:hover {
background-color:#005689;
color:#e2e2e2;
}
Önizleme:
