Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #7199

    The pagination on POSTS is backwards and shows like this

    3 | 2 | 1 |

    How do I get the page numbers “current” and “active” to show like this (as it should be in proper numerical order and not backwards?):

    1 | 2 | 3 |

    #57101

    Hey,

    can you post a link please – maybe it’s a css problem.

    #57102

    Sorry I haven’t gone live with the site yet…so I can’t post a link for you.

    I’m pretty efficient with CSS and have looked over the #top .pagination entries and I don’t see how the CSS would be affecting the order of the page links?

    /*pagination*/

    #top .pagination {

    clear:both;

    padding: 10px 0;

    position:relative;

    z-index:3;

    line-height: 13px;

    overflow: hidden;

    }

    #top .pagination span, #top .pagination a {

    display:block;

    float:right;

    font-size:11px;

    line-height:13px;

    padding:2px 9px 1px 9px;

    text-decoration:none;

    width:auto;

    }

    #top .pagination .current{

    font-size:11px;

    padding:2px 9px 1px 9px;

    font-weight: bold;

    }

    #top .pagination a:hover{

    text-decoration: underline;

    }

    #top .pagination .pagination-meta{

    float:left;

    }

    #57103

    Well I been thinkin about what you said and I have found that this is causing the issue:

    #top .pagination span, #top .pagination a {

    display:block;

    float:right;

    font-size:11px;

    line-height:13px;

    padding:2px 9px 1px 9px;

    text-decoration:none;

    width:auto;

    }

    I floated the pagination (.pagination a) right so that the navigation would be on the “right” side instead of the left, and I floated the (pagination-meta) Page 1 of 3 to the left.

    The problem is that once the nav is floated right I get the backwards numbering

    3 | 2 | 1 |

    So the question is how do I get the .pagination a to be postioned on the right and yet retain proper numerical sequence?

    I haven’t figured that out yet….any suggestions?

    However, I would think that a text-align:left would solve this but it doesn’t?

    #57104

    I’d try to float the span only (to the right) and not the a href elements.

    #57105

    So what you suggest required a core code hack (because the style is applied only to the href elements – see function-set-avia-frontend.php) so I had to add another <span> to enclose the href elements in which I could float right, I tried this and got it to work in all browsers except for IE7.

    I could find no solution for IE7 because both the pagination and the sidebar are positioned relative to the page. So I would be happy to use the way it is with IE7 and apply my hack for all the other browsers.

    The only way I think I can make it work is to detect IE7 and assign that to a variable then use if/else, but I haven’t found a way to just detect IE7 and assign a variable which I can use in the if/else statement…

    <b>Do you know of a way to detect IE7 and assign that to a variable?</b>

    Whatever I tried (adding functions) in this file function-set-avia-frontend.php would always give me a “blank” page..so I’m missing something.

    Thanks.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘POSTs Pagination Is Backwards?’ is closed to new replies.