Пейджер css

Теорема: пейджер — это список.

 <style>
ul.pager {
margin: 0;
padding: 0 ;
list-style: none;
text-align: center;
white-space:nowrap;
}
ul.pager li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
</style>

<ul class="pager">
<li><a href="0">
&lt;&lt;</a></li>
<li><a href="1">
&lt;</a></li>
<li><a href="1">1</a></li>
<li>2</li>
<li><a href="3">3</a></li>
<li><a href="4">4</a></li>
<li><a href="5">5</a></li>
<li><a href="6">6</a></li>
<li><a href="3">
&gt;</a></li>
<li><a href="6">
&gt;&gt;</a></li>
</ul>

pager.jpg

Что и т.д.

Реклама

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s

%d такие блоггеры, как: