SubMenu Hover Button not working

Post your questions and problem reports here.

SubMenu Hover Button not working

Postby reneuend » Wed May 18, 2011 3:57 pm

I'm attempting to use the same files for the root webpages as well as the webpages on the submenus. However, when I changed the references to point to the javascript and image files for the submenu webpages, the hover images for the buttons fail to work.


The webpage is behind a secure folder, but here is the site location:

Here is most of the html for this webpage:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

<html xmlns="">

  <title>1st Yorkshire Regiment - Members Only</title>

<link rel="stylesheet" href="../index_files/mbcsmbindex.css" type="text/css" />
<link rel="stylesheet" href="../styles/style.css" />

    <script type="text/javascript" src="../scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery-mousewheel/jquery.mousewheel.min.js"></script>
    <link rel="stylesheet" href="../styles/" type="text/css" media="screen">
    <script type="text/javascript" src="../scripts/slidedeck.jquery.lite.pack.js"></script>




<body bgcolor="#000000" TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0 class="article_body" >

<table  background="../images/bkg2.jpg" width="100%" cellpadding="0" cellspacing="0">

<table width="100%" cellpadding="0" cellspacing="0">

<!-- Header -->
    <table id="gradientHeader" width="100%" cellpadding="0" cellspacing="0">
      <tr align="left">
      <td width="200px" height="140px">
      <img src="../images/33rd.png" />
      <td class="title_white"><img src="../images/title.png" />
      <div align="center" class="normal_white">
            $tz = new DateTimeZone('Etc/GMT-0');
            $dt = new DateTime('now', $tz);
            echo "current time: ";
            echo $dt->format('H : i');
            echo " gmt+00";
      <td width="200px" >&nbsp;</td>

<td valign="top" bgcolor="#000000">

<ul id="ebul_mbindex_1" class="ebul_mbindex" style="display: none;">
<li><img src="../index_files/mbico_mbindex_1.png" alt="Regiment Ranking" /><a href="../ranks.php" target="_self" title="Regiment Ranking">Ranks</a></li>
<li><img src="../index_files/mbico_mbindex_2.png" alt="Regimental Flags" /><a href="../flags.php" target="_self" title="Regimental Flags">Flags</a></li>
<li><img src="../index_files/mbico_mbindex_3.png" alt="Images &amp; Screenshots" /><a href="../images.php" target="_self" title="Images &amp; Screenshots">Images</a></li>
<li><img src="../index_files/mbico_mbindex_4.png" alt="History of the British Army" /><a href="../history.php" target="_self" title="History of the British Army">History</a></li>
<li><img src="../index_files/mbico_mbindex_5.png" alt="video of game play" /><a href="../videos.php" target="_self" title="video of game play">Videos</a></li>
<ul id="ebul_mbindex_4" class="ebul_mbindex" style="display: none;">
<li><img src="../index_files/mbico_mbindex_6.png" alt="Forums" /><a href="../forum/" target="_blank" title="Forums">Forum</a></li>

<ul id="mbindexebul_table" class="mbindexebul_menulist" style="width: 443px; height: 26px;">
  <li class="spaced_li"><a href="../index.php"><img id="mbi_mbindex_1" src="../index_files/mb_home.png" name="mbi_mbindex_1" width="79" height="26" style="vertical-align: bottom;" border="0" alt="Home" title="" /></a></li>
  <li class="spaced_li"><a href="../recruit.php"><img id="mbi_mbindex_2" src="../index_files/mb_join_our_regiment.png" name="mbi_mbindex_2" width="139" height="26" style="vertical-align: bottom;" border="0" alt="Join Our Regiment" title="" /></a></li>
  <li class="spaced_li"><a href="../contact.php"><img id="mbi_mbindex_3" src="../index_files/mb_contact_us.png" name="mbi_mbindex_3" width="98" height="26" style="vertical-align: bottom;" border="0" alt="Contact Us" title="" /></a></li>
  <li><a href="index.php"><img id="mbi_mbindex_4" src="../index_files/mb_members_only.png" name="mbi_mbindex_4" width="124" height="26" style="vertical-align: bottom;" border="0" alt="Members Only" title="" /></a></li>
<script type="text/javascript" src="../index_files/mbjsmbindex.js"></script>



I looked through the other threads on this forum and while there were some issues that were similar, they didn't quite match one case the person solved it, but didn't explain how, which really kills the usefulness of a thread!

Thanks for any help!
Posts: 22
Joined: Sat Jan 30, 2010 9:47 pm

Re: SubMenu Hover Button not working

Postby reneuend » Wed May 18, 2011 7:09 pm

I decided to add a separate menu under the sub folder. Unless someone knows why the hover images aren't showing up, I'll experiment later and see if I can figure it out.
Posts: 22
Joined: Sat Jan 30, 2010 9:47 pm

Re: SubMenu Hover Button not working

Postby Aivars » Wed May 18, 2011 9:00 pm

I think it's the same issue as here: viewtopic.php?f=26&t=4912

Since I can't access the secure area, I'm guessing here, but if you used the same code as for the public page, it seems like you have selected that images will be stored in folder "index_files" when exporting the menu, which becomes for the public site and for the private site.

You have 2 ways you can fix it, either one is fine:
1) Copy index_files to members folder
2) When exporting menu, use absolute subfolder name (i.e. "/index_files" with slash instead of just "index_files") - see image in the mentioned thread: viewtopic.php?p=16852#p16852
Blumentals Software Programmer
User avatar
Blumentals Software Developer
Posts: 2374
Joined: Thu Aug 22, 2002 1:40 pm
Location: Latvia

Return to Easy Button & Menu Maker Support

Who is online

Users browsing this forum: No registered users and 2 guests