vForums: Message Board Support - Nav menu help

Topic Rating:	Printable View

Nick
Very Senior Member

Posts: 3,012
Status: Offline
Gender: Male
Location: vForums
Age: 34
Joined:

Reputation: 62%

pm www

Nav menu help (26th Aug 10 at 9:22pm UTC)
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 <link rel="stylesheet" href="./stylesheets/cbcscbinsmenu.css" type="text/css" /> <ul id="ebul_cbinsmenu_2" class="ebul_cbinsmenu" style="display: none;"> <li><a href="http://idirectory.vforums.co.uk/support" title="">Support Board</a></li> <li><a href="http://idirectory.vforums.co.uk/action/view_profile" target="_parent" title="">View Profile</a></li> <li><a href="http://idirectory.vforums.co.uk/action/members" target="_self" title="">Members</a></li> </ul> <ul id="ebul_cbinsmenu_6" class="ebul_cbinsmenu" style="display: none;"> <li><a href="http://www.idirectory.x10.mx/admin.php" target="_self" title="">Admin Panel</a></li> <li><a href="http://idirectory.vforums.co.uk/action/admin" target="_parent" title="">Admin Panel Support</a></li> </ul> <ul id="cbinsmenuebul_table" class="cbinsmenuebul_menulist" style="width: 416px; height: 26px;"> <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> <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> <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> <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> <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> <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> </ul> <script type="text/javascript" src="./javascript/cbjscbinsmenu.js"></script> <link rel="stylesheet" href="./stylesheets/cbcscbinsmenu.css" type="text/css" /> <ul id="ebul_cbinsmenu_2" class="ebul_cbinsmenu" style="display: none;"> <li><a href="http://idirectory.vforums.co.uk/support" title="">Support Board</a></li> <li><a href="http://idirectory.vforums.co.uk/action/view_profile" target="_parent" title="">View Profile</a></li> <li><a href="http://idirectory.vforums.co.uk/action/members" target="_self" title="">Members</a></li> </ul> <ul id="ebul_cbinsmenu_6" class="ebul_cbinsmenu" style="display: none;"> <li><a href="http://www.idirectory.x10.mx/admin.php" target="_self" title="">Admin Panel</a></li> <li><a href="http://idirectory.vforums.co.uk/action/admin" target="_parent" title="">Admin Panel Support</a></li> </ul> <ul id="cbinsmenuebul_table" class="cbinsmenuebul_menulist" style="width: 416px; height: 26px;"> <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> <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> <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> <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> <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> <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> </ul> <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.
Back to Top - Link to Post - Last edit: by Nick

Marc
vChat Developer

I <3 Rossy

Posts: 3,388
Status: Offline
Gender: Male
Location: Ontario, Canada
Age: 32
Joined:

Additional Groups:
Coding Team

Reputation: 40%

pm www

Re: Nav menu help (26th Aug 10 at 9:46pm UTC)
Your link to the javascript seems to be broken.
Back to Top - Link to Post
rroll.to— Shorten a link, rickroll your friends.

Nick
Very Senior Member

Posts: 3,012
Status: Offline
Gender: Male
Location: vForums
Age: 34
Joined:

Reputation: 62%

pm www

Re: Nav menu help (26th Aug 10 at 9:50pm UTC)
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.
Back to Top - Link to Post - Last edit: by Nick

	Printable View