I have searched through many posts on the board but can't find a solution to my issue. I found one that mentioned centering the <DIV> for the menus which I have tried every which way I know and can't get the results I want. I am usually fairly good at figuring out these things but I am stumped on this one.
On the Igames Theme I want the menu to be centered with the tables that hold all the galleries. The menu I mean is the one with "Album Lists, @, Last Uploads, Last Comments, etc. etc. Of Course I would want the sub menu under @ to move with it, I don't want it left hanging out in left field so to speak.
Any help would be greatly appreciated, even if it is pointing out a previous post with the solution in it, and I don't just mean the post that I have already found that says "center it" because I have tried that. I guess I need this one spelled out in detail.
If your site is a fixed width you could just edit your style.css file
#SUB_MENU {
background-image: url(images/top_panel_r2_c2.jpg);
background-position: left;
padding-left: 20px;
The value of 20px can be changed to positio your menu. Maybe changing it to a percentage will allow it to move but I havn't tried it.
You need to change the $template_sys_menu in your theme.php to
$template_sub_menu = <<<EOT
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<!-- BEGIN custom_link -->
<!-- END custom_link -->
<td class="top_menu_left_bttn">
<a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}">{ALB_LIST_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="javascript:;" onmouseover="MM_showHideLayers('SYS_MENU','','show')">@</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{LASTUP_TGT}" title="{LASTUP_LNK}">{LASTUP_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{LASTCOM_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{LASTCOM_LNK}">{LASTCOM_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{TOPN_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{TOPN_LNK}">{TOPN_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{TOPRATED_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{TOPRATED_LNK}">{TOPRATED_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{FAV_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{FAV_LNK}">{FAV_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_right_bttn">
<a href="{SEARCH_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{SEARCH_LNK}">{SEARCH_LNK}</a>
</td>
</tr>
</table>
EOT;
It's in a conditional, so modify the first if you use a custom link, the second if you don't.
Then in style.css file set the #SYS_MENU to text-align: center and adjust the left position until it looks correct.
Quote from: Nibbler on August 01, 2007, 11:26:33 PM
You need to change the $template_sys_menu in your theme.php to
$template_sub_menu = <<<EOT
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<!-- BEGIN custom_link -->
<!-- END custom_link -->
<td class="top_menu_left_bttn">
<a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}">{ALB_LIST_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="javascript:;" onmouseover="MM_showHideLayers('SYS_MENU','','show')">@</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{LASTUP_TGT}" title="{LASTUP_LNK}">{LASTUP_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{LASTCOM_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{LASTCOM_LNK}">{LASTCOM_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{TOPN_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{TOPN_LNK}">{TOPN_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{TOPRATED_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{TOPRATED_LNK}">{TOPRATED_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_bttn">
<a href="{FAV_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{FAV_LNK}">{FAV_LNK}</a>
</td>
<td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
<td class="top_menu_right_bttn">
<a href="{SEARCH_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{SEARCH_LNK}">{SEARCH_LNK}</a>
</td>
</tr>
</table>
EOT;
It's in a conditional, so modify the first if you use a custom link, the second if you don't.
Then in style.css file set the #SYS_MENU to text-align: center and adjust the left position until it looks correct.
Thanks, that got me in the right place and I figured it out.