вопрос
Проблема заключается в том что переключение страниц отображается некорректно, это видно на скриншоте ниже:
Собственно вопрос заключается в том как это исправить ?
navigation.tpl
styles.css
Собственно вопрос заключается в том как это исправить ?
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%);
}
<div class="pager clrfix" style="display: block;clear: both;">