Creating a Navbar (In Need of Help)

[JamieLee2k]

I have created a navbar using 3 files below:


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:

Here is the code to the header and if anyone can figure it out or maybe there is a mistake with the html coding then please you are welcome to correct it.

<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

Don't worry about the navbar being in there twice, I will be adding other links to the second one.

Thanks
JamieLee2k

[Jyles]

kill the other backgrounds included, there i believe lists 3-4 background types, and point to same image, hence thats why inback of the text you see the same background as the main navbar looking thing, kill all the other backgrounds besides that one. and it should look fine.