PDA

View Full Version : Creating a navbar (Need Help)

JamieLee2k
6th May 2007, 03:08 AM
I have created a navbar using 3 files below:
http://forum.full90mins.com/full90mins/misc/navleft.gif http://forum.full90mins.com/full90mins/misc/nav_mid.gif http://forum.full90mins.com/full90mins/misc/navright.gif
Now I want to put them all together making the nav mid expandable to 100% and have text inside the navbar. I have put it all together but I have a little problem, I have a border around the text and I don't want that.
This is how it looks now:
http://www.full90mins.com/images/navbar.jpg
Here is the code to the header and thinks they can make it better to use or can help in any way to get this working then by all means you can change the code.

<table width="100%" border="0" cellpadding="0" cellspacing="0" background="$stylevar[imgdir_misc]/nav_mid.gif"> <tr> <td width="1"><div align="left"><img src="$stylevar[imgdir_misc]/navleft.gif"></div></td> <td width="100%"> <div align="center"> <table cellpadding="0" cellspacing="0px" align="left" border="0" style="border-top-width:0px"> <tr>
<!-- nav buttons bar -->
<div align="center">
<table class="select" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
<td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
<td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<td 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></td>
</if>
<if condition="$show['member']">
<td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
</if>
<else />
<if condition="$show['searchbuttons']">
<td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars =yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>
</if>
</if>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td>
</if>
</tr>
</table>
</div>
<!-- / nav buttons bar --> <td width="1"><div align="right"><img src="$stylevar[imgdir_misc]/navright.gif"></div></td> </tr> </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
</table>
<table>
<tr>
<td>
</td>
<div align="center"<img src="$stylevar[imgdir_misc]/logo.jpg" alt="image description" height="140" width="800"></div>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="$stylevar[imgdir_misc]/nav_mid.gif"> <tr> <td width="1"><div align="left"><img src="$stylevar[imgdir_misc]/navleft.gif"></div></td> <td width="100%"> <div align="center"> <table cellpadding="6" cellspacing="10px" align="left" border="0" style="border-top-width:0px"> <tr> <div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
<td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
<td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<td 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></td>
</if>
<if condition="$show['member']">
<td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
</if>
<else />
<if condition="$show['searchbuttons']">
<td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars =yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>
</if>
</if>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td>
</if>
</tr>
</table>
</div> <td width="1"><div align="right"><img src="$stylevar[imgdir_misc]/navright.gif"></div></td> </tr> </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image:url($stylevar[imgdir_misc]/header_shadow.gif);"><div align="left"><img src="$stylevar[imgdir_misc]/header_shadow.gif" alt="" width="28" height="26"></div></td>
</tr>
</table>
<table style="background-color: #d0dfeb;" width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 26px;"><img src="$stylevar[imgdir_misc]/content_left.gif" alt="" width="26" height="31"></td>
<td style="background-image:url($stylevar[imgdir_misc]/content_bg.gif);">&nbsp;</td>
<td style="width: 26px;"><div align="right"><img src="$stylevar[imgdir_misc]/content_right.gif" alt="" width="26" height="31"></div></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>


<!-- content table -->
$spacer_open
$_phpinclude_output
The second nav bar will be so I can add aditional links to it,
Thanks
JamieLee2k
darnoldy
6th May 2007, 09:43 PM
I think lines 10 - 12 are (at least part of) your problem. You have put the next nested table directly into a row (without a cell). I don't think you need that second table at all.

I will try to examine this further later today.
Brian
12th May 2007, 02:01 PM
I have created a navbar using 3 files below:
http://forum.full90mins.com/full90mins/misc/navleft.gif http://forum.full90mins.com/full90mins/misc/nav_mid.gif http://forum.full90mins.com/full90mins/misc/navright.gif
Now I want to put them all together making the nav mid expandable to 100% and have text inside the navbar. I have put it all together but I have a little problem, I have a border around the text and I don't want that.
This is how it looks now:
http://www.full90mins.com/images/navbar.jpg
Here is the code to the header and thinks they can make it better to use or can help in any way to get this working then by all means you can change the code.

<table width="100%" border="0" cellpadding="0" cellspacing="0" background="$stylevar[imgdir_misc]/nav_mid.gif"> <tr> <td width="1"><div align="left"><img src="$stylevar[imgdir_misc]/navleft.gif"></div></td> <td width="100%"> <div align="center"> <table cellpadding="0" cellspacing="0px" align="left" border="0" style="border-top-width:0px"> <tr>
<!-- nav buttons bar -->
<div align="center">
<table class="select" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
<td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
<td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<td 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></td>
</if>
<if condition="$show['member']">
<td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
</if>
<else />
<if condition="$show['searchbuttons']">
<td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars =yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>
</if>
</if>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td>
</if>
</tr>
</table>
</div>
<!-- / nav buttons bar --> <td width="1"><div align="right"><img src="$stylevar[imgdir_misc]/navright.gif"></div></td> </tr> </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
</table>
<table>
<tr>
<td>
</td>
<div align="center"<img src="$stylevar[imgdir_misc]/logo.jpg" alt="image description" height="140" width="800"></div>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="$stylevar[imgdir_misc]/nav_mid.gif"> <tr> <td width="1"><div align="left"><img src="$stylevar[imgdir_misc]/navleft.gif"></div></td> <td width="100%"> <div align="center"> <table cellpadding="6" cellspacing="10px" align="left" border="0" style="border-top-width:0px"> <tr> <div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
<td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
<td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<td 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></td>
</if>
<if condition="$show['member']">
<td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
</if>
<else />
<if condition="$show['searchbuttons']">
<td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars =yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>
</if>
</if>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td>
</if>
</tr>
</table>
</div> <td width="1"><div align="right"><img src="$stylevar[imgdir_misc]/navright.gif"></div></td> </tr> </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image:url($stylevar[imgdir_misc]/header_shadow.gif);"><div align="left"><img src="$stylevar[imgdir_misc]/header_shadow.gif" alt="" width="28" height="26"></div></td>
</tr>
</table>
<table style="background-color: #d0dfeb;" width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 26px;"><img src="$stylevar[imgdir_misc]/content_left.gif" alt="" width="26" height="31"></td>
<td style="background-image:url($stylevar[imgdir_misc]/content_bg.gif);">&nbsp;</td>
<td style="width: 26px;"><div align="right"><img src="$stylevar[imgdir_misc]/content_right.gif" alt="" width="26" height="31"></div></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>


<!-- content table -->
$spacer_open
$_phpinclude_outputThe second nav bar will be so I can add aditional links to it,
Thanks
JamieLee2k
<div align="center"<img src="$stylevar[imgdir_misc]/logo.jpg" alt="image description" height="140" width="800"></div>Right above of this line, remove this code:

</tr>
</table>
<table>
<tr>
<td>
</td>

Good luck! :)