vb.org Archive - CSS & low resolution

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)

- - CSS & low resolution (https://vborg.vbsupport.ru/showthread.php?t=146313)

CSS & low resolution

Due to everyone not having the same resolution, the tabs on my forum becomes unorganized through the viewers monitor. The tabs are based off basic CSS, so i was wondering if you guys know the solution to have the tabs looking in the same in all resolutions.

Here are some pics:

http://www.caraudiojunkyard.com/forum/16976-post6.html

You've got the buttons constrained to only stretch for so many pixels. Try changing:

Code:

width="xxx"

Code:

width="100%"

Hope this helps.

Quote:

Originally Posted by Steve M (Post 1239869)

You've got the buttons constrained to only stretch for so many pixels. Try changing:

Code:

width="xxx"

Code:

width="100%"

Hope this helps.

Thanks Steve for the fast response. I'll check that out right now.

Let me know the results. Also, you should find the tabs in your header just in case you didn't know that already.

Quote:

Originally Posted by Steve M (Post 1239872)

Let me know the results. Also, you should find the tabs in your header just in case you didn't know that already.

You recommend having the tabs on the header instead of navbar?

fyi, here's the how to that someone written up:

https://vborg.vbsupport.ru/showpost....7&postcount=10

No no no, I meant the tabs should be in your header as the navbar is seperate so check your header for the tabs. If they aren't there then check the navbar.

Just checked that code again, and there is a width=100%

Ok if you did that then I can definately say the tabs are in your header template.

EDIT: Is there a way I can view your forum? I want to view the source code and see if I can find what you need to change to get it to show right in multiple resolutions.

Quote:

Originally Posted by Steve M (Post 1239875)

No no no, I meant the tabs should be in your header as the navbar is seperate so check your header for the tabs. If they aren't there then check the navbar.

Correct, from the link i showed you, he recommended on placing it on the navbar.

Quote:

Originally Posted by Steve M (Post 1239877)

Negative, as said, the code:

Code:

<div id="tabsJ">

  <ul>

    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=69" title="Buy and Sell with other members here."><span>Classifieds</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=133" title="Purchase products for your rig from our vendors!"><span>Vendors</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=4" title="Non Tech Forums"><span>Non Tech</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=1" title="Tech Forums"><span>Tech</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/arcade.php" title="Hang out in the Arcade!"><span>Arcade</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/" title="The main forum page!"><span>Home</span></a></li>

  </ul>

</div><br><br>

been placed in the navbar.

This code:

Code:

<div id="tabsJ">

  <ul>

    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=69" title="Buy and Sell with other members here."><span>Classifieds</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=133" title="Purchase products for your rig from our vendors!"><span>Vendors</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=4" title="Non Tech Forums"><span>Non Tech</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=1" title="Tech Forums"><span>Tech</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/arcade.php" title="Hang out in the Arcade!"><span>Arcade</span></a></li>

    <li><a href="http://www.YOURFORUM.com/forum/" title="The main forum page!"><span>Home</span></a></li>

  </ul>

</div><br><br>

That tells it what link to put where.

In the CSS for tabsJ find:

Code:

/* width:100%; */

change to:

Code:

width: 100%;

EDIT: Sorry didn't realize that the tabs were run off of CSS.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)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 pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01692 seconds Memory Usage 1,745KB 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 (8)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)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 pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: