SubMenu Hover Button not working
Posted: 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: http://www.1styorks.com
Here is most of the html for this webpage:
I looked through the other threads on this forum and while there were some issues that were similar, they didn't quite match up...in one case the person solved it, but didn't explain how, which really kills the usefulness of a thread!
Thanks for any help!
The webpage is behind a secure folder, but here is the site location: http://www.1styorks.com
Here is most of the html for this webpage:
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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/slidedeck.skin.css" type="text/css" media="screen">
<script type="text/javascript" src="../scripts/slidedeck.jquery.lite.pack.js"></script>
</head>
</code>
<code>
<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">
<tr><td>
<table width="100%" cellpadding="0" cellspacing="0">
<!-- Header -->
<tr>
<td>
<table id="gradientHeader" width="100%" cellpadding="0" cellspacing="0">
<tr align="left">
<td width="200px" height="140px">
<img src="../images/33rd.png" />
</td>
<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";
?>
</div>
</td>
<td width="200px" > </td>
</tr>
</table>
</td>
</tr>
<tr>
<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 & Screenshots" /><a href="../images.php" target="_self" title="Images & 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>
<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>
<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>
</ul>
<script type="text/javascript" src="../index_files/mbjsmbindex.js"></script>
</td>
</tr>
</table>
I looked through the other threads on this forum and while there were some issues that were similar, they didn't quite match up...in one case the person solved it, but didn't explain how, which really kills the usefulness of a thread!
Thanks for any help!