0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 289 Просмотров
*

zxvorobey

  • Захожу иногда
  • 81
  • 2 / 0
Пагинация
« : 11.03.2018, 06:35:10 »
Доброе время суток уважаемые форумчане. Делал себе шаблон и стащил pagination.php из Protostar

не могу сообразить как оцентровать пагинацию так что бы по центру было "Страница 1 из 2" и под ним так же по центру нумерация страниц.

вот тут беда http://xn--80aackbd4bf1a3a7m.xn--p1ai/o-polze-miasa.html
« Последнее редактирование: 11.03.2018, 06:42:00 от zxvorobey »
*

kern.USR

  • Давно я тут
  • 808
  • 61 / 1
Re: Пагинация
« Ответ #1 : 11.03.2018, 09:12:36 »
самый простой вариант
Код
text-align: center;
width: 100%;
http://joxi.ru/a2XGne7IyBnlnm
*

zxvorobey

  • Захожу иногда
  • 81
  • 2 / 0
Re: Пагинация
« Ответ #2 : 11.03.2018, 10:46:36 »
самый простой вариант
Код
text-align: center;
width: 100%;
http://joxi.ru/a2XGne7IyBnlnm

Что я делаю не так? >:(
*

kern.USR

  • Давно я тут
  • 808
  • 61 / 1
Re: Пагинация
« Ответ #3 : 11.03.2018, 12:11:09 »
У вас ul.pagination вложен в div.pagination
Добавте отдельное правило в CSS
Код
div.pagination{
text-align: center;
width: 100%;
}
*

zxvorobey

  • Захожу иногда
  • 81
  • 2 / 0
Re: Пагинация
« Ответ #4 : 11.03.2018, 12:54:28 »
div.pagination{
text-align: center;
width: 100%;
}
Спасибо большое все заработало. Только не пойму что значит div.pagination  , .pagination это класс,  #pagination это div id=pagination
*

dmitry_stas

  • Легенда
  • 12543
  • 1178 / 8
Re: Пагинация
« Ответ #5 : 11.03.2018, 13:12:10 »
div.pagination это значит div с классом pagination, а просто .pagination это вообще любой элемент с классом pagination
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

zxvorobey

  • Захожу иногда
  • 81
  • 2 / 0
Re: Пагинация
« Ответ #6 : 11.03.2018, 13:19:17 »
div.pagination это значит div с классом pagination, а просто .pagination это вообще любой элемент с классом pagination

написав div.pagination мы сделали типа вот так?

<div id="pagination">
<div class="pagination">
содержимое
</div>
</div>

то есть как бы обрамили его div`ом?
*

kern.USR

  • Давно я тут
  • 808
  • 61 / 1
Re: Пагинация
« Ответ #7 : 12.03.2018, 14:10:28 »
Нет!
У вас, грубо говоря, есть вот такая вёрстка
Код
<div class="pagination">
<ul class="paginstion">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>
Когда вы пишете в CSS .pagination - правило применяется и к div и ul, т.к. ои оба имеют класс pagination
Т.е. написав .pagination{width:100%;} на полную растягивается и div и ul
Когда вы определяете div.pagination - это говорит, что правило применится только к div с классом pagination
Т.е. div.pagination{width:100%;} растянет на 100% div и не затронет ul
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не выводится пагинация

Автор NDruce

Ответов: 1
Просмотров: 131
Последний ответ 18.11.2018, 15:31:14
от NDruce
Пагинация изменение стиля

Автор serzh-serega

Ответов: 3
Просмотров: 151
Последний ответ 27.09.2018, 13:20:01
от Shustry
Правильная пагинация с prev, next и canonical

Автор zahar_92

Ответов: 0
Просмотров: 280
Последний ответ 10.11.2017, 19:28:28
от zahar_92
Пагинация "?start=24" -> "/2"

Автор Lehanich

Ответов: 2
Просмотров: 370
Последний ответ 28.08.2017, 13:50:11
от Lehanich
Не корректная пагинация

Автор Hatter

Ответов: 17
Просмотров: 878
Последний ответ 19.04.2017, 14:42:06
от Филипп Сорокин