PDA

View Full Version : navbar menu <td> width


Shanj
Wed 30th Jan '08, 4:10am
I'd like to reduce the empty space on each side of the navbar menu links (the horizontal menu at the top)
The generous spacing allowance on each side of every item means it pushes out to the side for users with smaller screens.

i tried reducing the table padding in css
and in stylevar
and in the navbar template
no luck

Trevster
Wed 30th Jan '08, 4:41am
Don't quite understand here. Are you wanting the navbar to be narrower than your forums?

Have you set the forum width in pixels as opposed to percentages?

If you give a link to your forum, it will be easier to see the problem...

Shanj
Wed 30th Jan '08, 6:27am
I want to close the gaps between the words on the navbar menu that runs horizontally across 100% width. It gets crowded with my extra stuff and smaller screens can't display it neatly.

Example forum in my sig
www.housemorgain.co.uk/forums

Menu bar reads

Forum HOME .... CHATROOMS ... Chatbox ... Members ...

I want the spacing .... to be narrower.

Thanks.

Jose Amaral Rego
Wed 30th Jan '08, 9:23pm
I just removed all table data tags with the classes and just added non-breaking space bit. (hack job) :)

You can change it to center the navbar link by editing the following.

<tr align="center">
<td class="vbmenu_control" align="left">
<if condition="$show['member']">


<!-- nav buttons bar -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<td class="vbmenu_control" align="left">
<if condition="$show['member']">
&nbsp; &nbsp;<a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a>
</if>
<if condition="$show['registerbutton']">
<a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a>
</if>
$template_hook[navbar_buttons_left]
&nbsp; &nbsp;<a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a>
&nbsp; &nbsp;<a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a>
&nbsp; &nbsp;<a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
&nbsp; &nbsp;<a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a>
<else />
&nbsp; &nbsp;<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a>
</if>
<span id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></span>
</if>
<if condition="$show['member']">
<span id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></span>
</if>
<else />
<if condition="$show['searchbuttons']">
&nbsp; &nbsp;<a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a>
<if condition="$show['member']">
&nbsp; &nbsp;<a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a>
<else />
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a>
</if>
</if>
&nbsp; &nbsp;<a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a>
<if condition="$show['member']">
&nbsp; &nbsp;<a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,me nubar=no,toolbar=no,scrollbars=yes,resizable=yes,w idth=250,height=300'); return false;">$vbphrase[open_buddy_list]</a>
</if>
</if>
$template_hook[navbar_buttons_right]
<if condition="$show['member']">
&nbsp; &nbsp;<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>
</if>
</tr>
</table>
<!-- / nav buttons bar -->