Subbay.ru
Вторник, 21.11.2017, 12:30
Мини-чат

Вход на сайт

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

Статистика

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

Главная » 2017 » Октябрь » 19 » Создание постраничной навигации при помощи html и css
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;
}
Просмотров: 19 | Добавил: Rockfeller
Всего комментариев: 0
avatar
Бегущая строка в HTMLWWW.SUBBAY.RU
Copyright Subbay.ru © 2017
uCoz