vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)
-   -   weird pagination css issue (https://vborg.vbsupport.ru/showthread.php?t=298470)

Chadi 05-25-2013 07:58 PM
weird pagination css issue
 
Sample:
http://www.talkjesus.com/polls/45186...-2013-a-3.html

(This is replicated globally)

The pagination on top is vertically all aligned. However, the one on the bottom is not aligned. The "<< first" and "<" boxes are slightly lower than the rest of the numbers in the row.

I cannot figure out why, I use inspect element tool in Chrome and do not see any difference, both using same code.

Hopefully someone will catch on to what I'm missing. Thanks

fxdigi-cash 05-26-2013 02:27 AM
I would say it is possibly the css... are you using the same css for both id="pagination_top" and bottom one?? or different??

also I could suggest using the same id="pagination_top" at the bottom instead of having two different lists... you can remove any other things the way you like from id="pagination_top" after coping it down though...

explain a little please

Update: quick question, how come this code "float";

PHP Code:
.above_postlist, #above_postlist {
    float: left; 
is different than this one:

PHP Code:
.below_postlist .pagination_bottom {
    float: right; 

Chadi 05-26-2013 03:03 AM
Above

Code:
.above_postlist, #above_postlist {
        width:100%;
        position:relative;
        {vb:stylevar left}:0;
        float: {vb:stylevar right};
        height: {vb:math {vb:stylevar padding}*3};
        margin-top: {vb:math {vb:stylevar padding}/2};
        margin-bottom: 6px;
        /*height: {vb:math {vb:stylevar control_content_font.fontSize}{vb:stylevar control_content_font.units} + {vb:stylevar control_content_padding.paddingTop}{vb:stylevar control_content_padding.units} + {vb:stylevar control_content_padding.paddingBottom}{vb:stylevar control_content_padding.units} + {vb:stylevar padding}};*/
        _height: 1%;
        _zoom: 1;
}

.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats {
        float: {vb:stylevar right};
        clear:{vb:stylevar left};
        vertical-align:middle;
        font-size: 16px;
        color: {vb:stylevar body_color};
        _display:inline;
}

.pagination_top .pagination {
        margin-{vb:stylevar left}: {vb:stylevar padding};
        position: relative;
        top: -3px;
}
Below

Code:
.below_postlist {
        display:block;
        clear:both;
        position: relative;
        float: {vb:stylevar right};
        margin-top: 45px;
        margin-bottom: 1em;
        width: 100%;
}

.below_postlist .pagination_bottom {
        float: {vb:stylevar right};
        margin-top: 5px;
        width: 100%;
}

.below_postlist .pagination_bottom .pagination {
        float: {vb:stylevar right};
        clear: {vb:stylevar left};
        margin-{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
        position: relative;
        margin-bottom: 1em;
}
I can't figure this out.

fxdigi-cash 05-26-2013 03:34 AM
ok, I guess you can simply un-comment the bottom code and copy this one you have and whatsoever inside it:
PHP Code:
<div id="above_postlist" class="above_postlist"></div> 
and place exactly on the place where the bottom pagination code is....

it shouldn't take you more than 1 minute to do that... :)

Chadi 05-27-2013 12:57 AM
Sorry but uncomment what bottom code exactly? Not sure what you're referring to.

--------------- Added [DATE]1369620848[/DATE] at [TIME]1369620848[/TIME] ---------------

Hey I figured out what you meant ;)

Thanks for your help friend, appreciate it!


All times are GMT. The time now is 11:52 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.00963 seconds
  • Memory Usage 1,730KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_code_printable
  • (3)bbcode_php_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete