Hi,
I'm trying to create a hierarchical dropdown, but am having a problem with the positioning of the 3rd+ levels. The second level positions just as expected, directly underneath the parent. However, the third level displays in the upper left of the screen. I've went through my code numerous times, but can't see any reason why the 3rd level doesn't appear directly underneath the parent, just as the second level does.
Could someone take a look at my code:
I'm trying to create a hierarchical dropdown, but am having a problem with the positioning of the 3rd+ levels. The second level positions just as expected, directly underneath the parent. However, the third level displays in the upper left of the screen. I've went through my code numerous times, but can't see any reason why the 3rd level doesn't appear directly underneath the parent, just as the second level does.
Could someone take a look at my code:
PHP Code:
<tr>
<td class="alt2">
<!-- The Community -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<img src="$stylevar[imgdir_misc]/navbits_start.gif" alt=""/> <b>The Community</b>
</td>
</tr>
<tr onmouseover="this.className='alt1'" onmouseout="this.className='alt2'">
<td>
<img src="$stylevar[imgdir_misc]/navbits_dash.gif" alt=""/>
<a href="{$vboptions[bburl]}/{$vbulletin->options[forumhome]}.php"> Forums </a>
<span id="topforums"><script type="text/javascript"> vbmenu_register("topforums"); </script></span>
</td>
</tr>
<if condition="$show['member']">
<tr onmouseover="this.className='alt1'" onmouseout="this.className='alt2'">
<td>
<img src="$stylevar[imgdir_misc]/navbits_dash.gif" alt=""/>
<a href="{$vbulletin->options[bburl]}/usercp.php"> User Control Panel </a>
</td>
</tr>
</if>
<tr onmouseover="this.className='alt1'" onmouseout="this.className='alt2'">
<td>
<img src="$stylevar[imgdir_misc]/navbits_dash.gif" alt=""/>
<a href="{$vbulletin->options[bburl]}/blog.php">Community Blogs</a>
</td>
</tr>
<tr onmouseover="this.className='alt1'" onmouseout="this.className='alt2'">
<td>
<img src="$stylevar[imgdir_misc]/navbits_dash.gif" alt=""/>
<a href="{$vboptions[bburl]}/gallery">Community Galleries</a>
</td>
</tr>
<tr onmouseover="this.className='alt1'" onmouseout="this.className='alt2'">
<td>
<img src="$stylevar[imgdir_misc]/navbits_dash.gif" alt=""/>
<a href="$vboptions[bburl]/$vboptions[contactuslink]" rel="nofollow">$vbphrase[contact_us]</a>
</td>
</tr>
</table>
<!-- / The Community -->
<!-- Forums Menu: 2nd level - This one works just fine-->
<div class="vbmenu_popup" id="topforums_menu" style="display:none;margin-left:20px;">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">Forums</td>
</tr>
<tr>
<td class="vbmenu_option">
<a href="{$vboptions[bburl]}/forumdisplay.php?f=101">Project Showcase</a>
</td>
</tr>
<tr>
<td class="vbmenu_option">
<a href="{$vboptions[bburl]}/forumdisplay.php?f=22">Robotics </a>
<span id="robotics_forums"><script type="text/javascript"> vbmenu_register("robotics_forums"); </script></span>
</td>
</tr>
</table>
</div>
<!-- / Links menu -->
<!-- Robotics Forum Menu: 3rd level - This is the one that displays in the upper left corner of the screen-->
<div class="vbmenu_popup" id="robotics_forums_menu" style="display:none;position:absolute;margin-left:20px;">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="vbmenu_option">
<a href="{$vboptions[bburl]}/forumdisplay.php?f=9">Robotics General Discussion</a>
</td>
</tr>
</table>
</div>
<!-- / Links menu -->
</td>
</tr>
Comment