SUBBAY.RU
Вторник, 23.10.2018, 10:17
Вход на сайт

Поиск

Архив записей

Мини-чат

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


15:49
Создание постраничной навигации при помощи html и css

Для разработки дизайна постраничной навигации нам с вами понадобиться немножечко хтмла и css.
Для выравнивания цифр на одном уровне используем тег span и прописываем у него отступ в 5 пикселей.
Все спаны будут без фона, за исключением текущей страницы. В нашем примере текущая страница — №2, и она будет выделена серым бэкграундом. Убираем ссылку со второго раздела и назначаем класс «select». Для удобства обращения к элементам поместим их в див.

HTML

<div class="pages-nav">
Страницы:
<span><a href="#">1</a></span>
<span class="select">2</span>
<span><a href="#">3</a></span>
<span><a href="#">4</a></span>
<span><a href="#">...</a></span>
<span><a href="#">25</a></span>
</div>

CSS

div.pages-nav
{
font:bold 12px Arial;
}
div.pages-nav span.select
{
background:#efefef;
}
div.pages-nav span
{
padding:5px;
}
Просмотров: 173 | Добавил: Rockfeller
Всего комментариев: 0
avatar
Copyright SUBBAY.RU © 2018
uCoz