Need help adjusting the menu bar

[teestorms]

I designed some new fall menu buttons for my family board..but as you can see in the cap below, not all the images fit in one line. (This only happens for the admins..since they have one more button than regular members). I already cropped the sides on each image as narrow as I can. Also, as you can see, there is about 10 pixels of space on each end of the menu bar. I'd like to remove that, plus make the whole bar wide enough so all my menu images will fit in one line. Thanks!

Fall Menubar

[RedBassett]

Sept 20, 2008 19:12:08 GMT -8 teestorms said:

I designed some new fall menu buttons for my family board..but as you can see in the cap below, not all the images fit in one line. (This only happens for the admins..since they have one more button than regular members). I already cropped the sides on each image as narrow as I can. Also, as you can see, there is about 10 pixels of space on each end of the menu bar. I'd like to remove that, plus make the whole bar wide enough so all my menu images will fit in one line. Thanks!

Fall Menubar

The best way to fix it is to change the width of the forum resize code.

[teestorms]

I don't believe I have a forum resize code in my headers or footers. Since this is just a dummy board I use to design new skins for my family site, I went ahead and opened it to guests. Maybe someone can take a look at my source codes and see what needs to be done to get all my menu options in one line.

http://ourlittlefamily.proboards100.com./index.cgi

Edit: Also I wanted to add that the menu bar doesn't bump to two lines when you go to make a post...only when you view the front page or menu options.

[Craig]

The resize is actually coming from the resize code that is part of the side tables code you are using. This part, specifically:

<!-- SIDE TABLES GLOBAL FOOTERS //-->
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table) {
if(width == '92%') {
width = '[red]700[/red]';
}}}
//-->
</script>


The 700 is the width it's resizing to. Try increasing it to 728.

[teestorms]

I tried increasing the width to 728 like you suggested, and it wasn't quite enough, so I increased again it to 740. That did the trick, and so all the menu icons are now nicely arranged in one row. Thanks so much for your help!

[Craig]

No worries