The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
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 |
#2
|
||||
|
||||
First I would suggest to get rid of that <div align="center"> at the very top as it has been depricated. The same goes for the </CENTER> tag as well. Also, the <tr><align="center"> is not defined properly. That said, can you post here the original code that defines the header links?
P.s. try to center it like this: Change this code: HTML Code:
<table bgcolor="#111210" width="100%" border="0" cellpadding="0" cellspacing="0">
HTML Code:
<table bgcolor="#111210" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|