| Kavadas |
02-13-2010 06:54 PM |
Centering Header Elements
This is my website:
47th Continoman Expeditionary Force
I'm trying to center the horizontal navbar in the header along with the graphics which are immediately above and below it. I'm not trying to center dis_hdr_logo.jpg
I've tried a lot of HTML center aligns as well align commands on the tables but I just can't get it to budge.
Here's the style template for my header:
Code:
<!-- begin disturbed header-->
<div align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="border">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<!-- This is where the top logo image goes -->
<td width="355" height="89" align="left" valign="top"><img src="$stylevar[imgdir_misc]/dis_hdr_logo.jpg" width="355" height="89" alt="" /></td>
<!-- End top logo area -->
<td width="386" height="89" align="left" valign="top"><img src="$stylevar[imgdir_misc]/dis_hdr_sliced_rs-top.jpg" width="386" height="89" alt="" /></td>
<td width="100%" height="89" align="right" valign="top" style="background-image: url($stylevar[imgdir_misc]/dis_hdr_rs.gif)"><img src="$stylevar[imgdir_misc]/dis_hdr_rs.gif" width="100%" height="89" alt="" /></td>
</tr>
</table>
<table bgcolor="#111210" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><align="center">
<!-- This is navigation/button area -->
<td width="13" height="40" align="center" valign="top"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_repeat.gif" width="13" height="40" border="0" alt="" /></td>
<td width="106" height="40" align="left" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_home.gif" width="106" height="40" border="0" alt="" /></a></td>
<td width="106" height="40" align="left" valign="top"><a href="usercp.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_userCP.gif" width="106" height="40" border="0" alt="" /></a></td>
<if condition="$show['registerbutton']">
<td width="106" height="40" align="left" valign="top"><a href="register.php$session[sessionurl_q]" rel="nofollow"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_register.gif" width="106" height="40" border="0" alt="" /></a></td>
<else />
<td width="106" height="40" align="left" valign="top" id="usercptools"><a href="$show[nojs_link]#usercptools"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_menu.gif" width="106" height="40" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("usercptools" ,1); </script></td>
</if>
<td width="106" height="40" align="left" valign="top"><a href="memberlist.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_members.gif" width="106" height="40" border="0" alt="" /></a></td>
<td width="106" height="40" align="left" valign="top"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_calendar.gif" width="106" height="40" border="0" alt="" /></a></td>
<td width="106" height="40" align="left" valign="top" id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_search.gif" width="106" height="40" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("navbar_search" ,1); </script></td>
<td width="108" height="40" align="left" valign="top"><a href="faq.php$session[sessionurl_q]" accesskey="5"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_faq.gif" width="108" height="40" border="0" alt="" /></a></td>
<td width="100%" height="40" align="left" valign="top" style="background-image: url($stylevar[imgdir_misc]/dis_hdr_nav_rs_x.gif)"><img src="$stylevar[imgdir_misc]/dis_hdr_nav_rs_x.gif" width="100%" height="40" border="0" alt="" /></td>
<!--End navigation/button area -->
</tr>
</table>
<table bgcolor="#111210" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="2" height="56" align="center" valign="top"><img src="$stylevar[imgdir_misc]/dis_hdr_bottom_bg.gif" width="2" height="56" alt="" /></td>
<td width="765" height="56" align="center" valign="top"><img src="$stylevar[imgdir_misc]/dis_hdr_bottom_main.gif" width="765" height="56" alt="" /></td>
<td width="100%" height="56" align="center" valign="top" style="background-image: url($stylevar[imgdir_misc]/dis_hdr_bottom_rs.gif)"><img src="$stylevar[imgdir_misc]/dis_hdr_bottom_rs.gif" width="3" height="56" alt="" /></td>
</tr>
</table></CENTER>
<!-- end disturbed header-->
<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->
<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
<form action="search.php?do=process" method="post">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$vbphrase[search_forums]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
<label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
</td>
</tr>
<tr>
<td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]:</a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]:</a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
</tr>
</table>
</form>
</div>
<!-- / header quick search form -->
</if>
<if condition="$show['member']">
<!-- user cp tools menu -->
<div class="vbmenu_popup" id="usercptools_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead">$vbphrase[quick_links]</td></tr>
<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
<tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&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></tr>
<tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
<if condition="$show['pmstats']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[my_profile]</a></td></tr>
<if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
</table>
</div>
<!-- / user cp tools menu -->
</if>
<!-- / NAVBAR POPUP MENUS -->
<!-- PAGENAV POPUP -->
<div class="vbmenu_popup" id="pagenav_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
<input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
<input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
</form>
</td>
</tr>
</table>
</div>
<!-- / PAGENAV POPUP -->
</if>
<!-- begin main inner table area-->
<table border="0" width="100%" cellpadding="10" cellspacing="0" bgcolor="#34353B">
<tr><td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#34353B">
<tr>
<td width="12" align="left" valign="top"><img src="$stylevar[imgdir_misc]/ls_main_table_top.gif" width="12" height="8" alt="" /></td>
<td width="100%" align="left" valign="top"><img src="$stylevar[imgdir_misc]/expand_main_table.gif" width="100%" height="8" alt="" /></td>
<td width="12" align="left" valign="top"><img src="$stylevar[imgdir_misc]/rs_main_table_top.gif" width="12" height="8" alt="" /></td>
</tr>
</table>
<!-- content table -->
<table bgcolor="#191b21" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
$spacer_open
$_phpinclude_output
Any help would be greatly appreciated. One of those tiny details that's just driving me nuts. |
More Information