Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Некорректно отображается переключение страниц (navigation). Как исправить ?

Некорректно отображается переключение страниц (navigation). Как исправить ?


     01.02.2018    styles, navigation.tpl, navigation    Все вопросы » Шаблоны (TPL)    1236

вопрос
Проблема заключается в том что переключение страниц отображается некорректно, это видно на скриншоте ниже:
Некорректно отображается переключение страниц (navigation). Как исправить ?

Собственно вопрос заключается в том как это исправить ?

navigation.tpl
<div class="pager clrfix" style="display: block;">
	[next-link]<b class="pnext ico">В ПЕРЁД</b>[/next-link]
	[prev-link]<b class="pprev ico">НАЗАД</b>[/prev-link]
</div>

styles.css

.pager * { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.clrfix:after { clear: both; content: ""; display: block; height: 0; width: 0; visibility: hidden }
/* Pager */

.pager { padding: 20px; }

	.pager .ico:before { float: none; position: absolute; margin-top: 4px; }

	.pprev, .pnext { color: #e5e5e5; padding: 8px 10px; position: relative; 

		background-color: #6b6b6b;

		background: -webkit-linear-gradient(top, #6b6b6b 0%, #616161 100%); 

		background: -moz-linear-gradient(top, #6b6b6b 0%, #616161 100%); 

		background: -ms-linear-gradient(top, #6b6b6b 0%, #616161 100%); 

		background: -o-linear-gradient(top, #6b6b6b 0%, #616161 100%);

		background: linear-gradient(top, #6b6b6b  0%, #616161 100%);

}

	.pprev {  float: right; }

	.pnext { float: left; }



	.pprev:before { right: 10px; background-position: -30px -14px; }

	.pnext:before { left: 10px; background-position: -42px -14px; }



	a .pprev:before { background-position: -30px -26px; }

	a .pnext:before { background-position: -42px -26px; }



	a .pprev, a .pnext { border-bottom: 1px solid #1b2c3e; }

	a .pprev, a .pnext, #rel-news a:hover, .btn, .bbcodes, .ui-button {

		background-color: #1b2c3e;

		background: -webkit-linear-gradient(top, #1b2c3e 0%, #2a4665 100%); 

		background: -moz-linear-gradient(top, #1b2c3e 0%, #2a4665 100%); 

		background: -ms-linear-gradient(top, #1b2c3e 0%, #2a4665 100%); 

		background: -o-linear-gradient(top, #1b2c3e 0%, #2a4665 100%);

		background: linear-gradient(top, #1b2c3e 0%, #2a4665 100%);

	}

Ответил: Sander


<div class="pager clrfix" style="display: block;clear: both;">
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх