CSS & low resolution

[dbirosel]

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

[Mythotical]

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

width="xxx"

to

width="100%"

Hope this helps.

[dbirosel]

Originally Posted by Steve M

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

width="xxx"

to

width="100%"

Hope this helps.

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

[Mythotical]

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

[dbirosel]

Originally Posted by Steve M

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

[Mythotical]

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.

[dbirosel]

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

[Mythotical]

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.

[dbirosel]

Originally Posted by Steve M

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.

Originally Posted by Steve M

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.

Negative, as said, the 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.

[Mythotical]

This 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:

/*      width:100%; */

change to:

width: 100%;

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