vForums Support > Programming & Coding :: Programming Discussion :: > Nav menu help
Nav menu help - Posted By Nick (nickb) on 26th Aug 10 at 9:22pm
So, I created a Nav menu for my site. Has Roll over effects, and drop down menu's. I have one slight problem. the second part of the image doesn't seem to be showing up at all. in FireFox it becomes Text. in Chrome it becomes broken images.

http://idirectory.x10.mx/index.php

and here is the nav menu file.
Code:
Select All
 
  1. <link rel="stylesheet" href="./stylesheets/cbcscbinsmenu.css" type="text/css" />
  2.  
  3. <ul id="ebul_cbinsmenu_2" class="ebul_cbinsmenu" style="display: none;">
  4. <li><a href="http://idirectory.vforums.co.uk/support" title="">Support Board</a></li>
  5. <li><a href="http://idirectory.vforums.co.uk/action/view_profile" target="_parent" title="">View Profile</a></li>
  6. <li><a href="http://idirectory.vforums.co.uk/action/members" target="_self" title="">Members</a></li>
  7. </ul>
  8. <ul id="ebul_cbinsmenu_6" class="ebul_cbinsmenu" style="display: none;">
  9. <li><a href="http://www.idirectory.x10.mx/admin.php" target="_self" title="">Admin Panel</a></li>
  10. <li><a href="http://idirectory.vforums.co.uk/action/admin" target="_parent" title="">Admin Panel Support</a></li>
  11. </ul>
  12.  
  13. <ul id="cbinsmenuebul_table" class="cbinsmenuebul_menulist" style="width: 416px; height: 26px;">
  14.   
  15.   <li class="spaced_li"><a href="http://idirectory.x10.mx/index.php" target="_parent"><img id="cbi_cbinsmenu_1" src="images/menu/ebbtcbinsmenu1_0.gif" name="ebbcbinsmenu_1" width="52" height="26" style="vertical-align: bottom;" border="0" alt="Home" title="" /></a></li>
  16.   
  17.   <li class="spaced_li"><a target="_parent"><img id="cbi_cbinsmenu_2" src="./images/menu/ebbtcbinsmenu2_0.gif" name="ebbcbinsmenu_2" width="63" height="26" style="vertical-align: bottom;" border="0" alt="Forum" title="" /></a></li>
  18.   
  19.   <li class="spaced_li"><a href="http://www.idirectory.x10.mx/testimonials.php" target="_parent"><img id="cbi_cbinsmenu_3" src="./images/menu/ebbtcbinsmenu3_0.gif" name="ebbcbinsmenu_3" width="86" height="26" style="vertical-align: bottom;" border="0" alt="Testimonials" title="" /></a></li>
  20.   
  21.   <li class="spaced_li"><a href="http://www.idirectory.x10.mx/friends.php" target="_parent"><img id="cbi_cbinsmenu_4" src="./images/menu/ebbtcbinsmenu4_0.gif" name="ebbcbinsmenu_4" width="58" height="26" style="vertical-align: bottom;" border="0" alt="Friends" title="" /></a></li>
  22.   
  23.   <li class="spaced_li"><a href="http://www.facebook.com/pages/iDirectory/109915605694626?v" target="_blank"><img id="cbi_cbinsmenu_5" src="./images/menu/ebbtcbinsmenu5_0.gif" name="ebbcbinsmenu_5" width="97" height="26" style="vertical-align: bottom;" border="0" alt="Become a Fan" title="" /></a></li>
  24.   
  25.   <li><a><img id="cbi_cbinsmenu_6" src="./images/menu/ebbtcbinsmenu6_0.gif" name="ebbcbinsmenu_6" width="55" height="26" style="vertical-align: bottom;" border="0" alt="Staff" title="" /></a></li>
  26. </ul>
  27. <script type="text/javascript" src="./javascript/cbjscbinsmenu.js"></script>
 



the images are in
http://idirectory.x10.mx/images/menu

the javascript is in
http://idirectory.x10.mx/javascript/cbjscbinsmenu.js

and the css is in
http://idirectory.x10.mx/stylesheets/cbcscbinsmenu.css

There are 3 images total to each 1 menu button.

Thank you. {Smile}

Re: Nav menu help - Posted By Marc (cr0w) on 26th Aug 10 at 9:46pm
Your link to the javascript seems to be broken. {Sad}
Re: Nav menu help - Posted By Nick (nickb) on 26th Aug 10 at 9:50pm
Disregard the images broken. heh. I put 2 and 2 together wandering why you were talking about the JS. I went into the JS, and saw the 2nd and 3rd images. xD The only thing now that I need to do is, hide the staff button for Guests, and non-staff members, then I need to integrate it into the forum.


I fixed the link. Missed 1 letter when typing it out. xD

edit: Also in the "forum" drop down. It's showing the staff links. when "Admin Panel" and "Admin panel support" is supposed to be in the staff drop down. Also the staff button is not supposed to show to Guests, and non staff members, but it does.

edit 2: I re-worked the code, Staff now shows up in proper place, but still shows to guests and non staff members. I still have not figured out why the second and 3rd images go blank. I have also updated the OP with the new code.

edit 3: I guess I should also add, that I used a program to create the menu buttons. Called Easy Button & Menu maker.

It generated the code, and I just had to assign where everything goes. But this confuses me a bit on why the 2nd and 3rd images are not showing.