Ok I watched the tutoral as advised, while very helpful and gave me more idea of what I should be doing, I clearly did something wrong, I completley destroyed my site layout, fortunatly I was playing with my test site and not my live site.
The code for my working menu is:
<link rel=“stylesheet” href=“Buttons_files/cbcscbButtons.css” type=“text/css” />
<ul id=“ebul_cbButtons_3” class=“ebul_cbButtons” style=“display: none;”>
<li><a title=“”>Forum</a></li>
<li><a title=“”>Links</a></li>
<li><a title=“”>Rules</a></li>
<li><a title=“”>Sign Up</a></li>
</ul>
<ul id=“ebul_cbButtons_4” class=“ebul_cbButtons” style=“display: none;”>
<li><a title=“”>Profile</a></li>
<li><a title=“”>Flight Bids</a></li>
<li><a title=“”>My Pireps</a></li>
<li><a title=“”>My Flights</a></li>
<li><a title=“”>Login</a></li>
</ul>
<ul id=“ebul_cbButtons_5” class=“ebul_cbButtons” style=“display: none;”>
<li><a title=“”>Roster</a></li>
<li><a title=“”>Fleet Info</a></li>
<li><a title=“”>Hubs Info</a></li>
</ul>
<ul id=“ebul_cbButtons_6” class=“ebul_cbButtons” style=“display: none;”>
<li><a title=“”>Schedule</a></li>
<li><a title=“”>Live Map</a></li>
</ul>
<ul id=“ebul_cbButtons_7” class=“ebul_cbButtons” style=“display: none;”>
<li><a title=“”>Flight Plans</a></li>
<li><a title=“”>Fleet</a></li>
<li><a title=“”>Hubs</a></li>
<li><a title=“”>Scenery</a></li>
</ul>
<table id=“cbButtonsebul_table” width=“0” cellpadding=“0” cellspacing=“0” border=“0”>
<tr>
<td style=“padding-right:1px” title=“Home”><a href=“<?php echo SITE_URL ?>/index.php/Frontpage”><img id=“cbi_cbButtons_1” src=“Buttons_files/ebbtcbButtons1_0.gif” name=“ebbcbButtons_1” width=“39” height=“26” border=“0” alt=“Home” title=“Home” /></a></td>
<td style=“padding-right:1px” title=“Contact Us”><a href=“<?php echo SITE_URL ?>/index.php/contact”><img id=“cbi_cbButtons_2” src=“Buttons_files/ebbtcbButtons2_0.gif” name=“ebbcbButtons_2” width=“65” height=“26” border=“0” alt=“Contact Us” title=“Contact Us” /></a></td>
<td style=“padding-right:1px” title=“”><a><img id=“cbi_cbButtons_3” src=“Buttons_files/ebbtcbButtons3_0.gif” name=“ebbcbButtons_3” width=“63” height=“26” border=“0” alt=“General” title=“” /></a></td>
<td style=“padding-right:1px” title=“”><a><img id=“cbi_cbButtons_4” src=“Buttons_files/ebbtcbButtons4_0.gif” name=“ebbcbButtons_4” width=“71” height=“26” border=“0” alt=“Pilot Area” title=“” /></a></td>
<td style=“padding-right:1px” title=“”><a><img id=“cbi_cbButtons_5” src=“Buttons_files/ebbtcbButtons5_0.gif” name=“ebbcbButtons_5” width=“78” height=“26” border=“0” alt=“Operations” title=“” /></a></td>
<td style=“padding-right:1px” title=“”><a><img id=“cbi_cbButtons_6” src=“Buttons_files/ebbtcbButtons6_0.gif” name=“ebbcbButtons_6” width=“56” height=“26” border=“0” alt=“Flights” title=“” /></a></td>
<td style=“padding-right:1px” title=“”><a><img id=“cbi_cbButtons_7” src=“Buttons_files/ebbtcbButtons7_0.gif” name=“ebbcbButtons_7” width=“80” height=“26” border=“0” alt=“Downloads” title=“” /></a></td>
</tr>
</table>
<script type=“text/javascript” src=“Buttons_files/cbjscbButtons.js”></script>
I still have no idea of how to get this into the core.nav.tpl without messing up the site layout
any advise or code snippets would be great