[welo]

Taking it a step further, a slight variation of this method can be used to add an additional navigation bar to any VB template, like header for instance.

Say you want to add dropdowns for "Polices", "Features", and "FAQ". The code will look something like this:

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

<!-- Polices Menu -->
<td id="policies" class="vbmenu_control"><a href="#policies">Policies</a><script type="text/javascript"> vbmenu_register("policies"); </script>
	<div class="vbmenu_popup" id="policies_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
		<tr><td class="thead">Forum Policies</td></tr>		
		<tr><td class="vbmenu_option"><a href="policy01.php">1st Policy</a></td></tr>
		<tr><td class="vbmenu_option"><a href="policy02.php">2nd Policy</a></td></tr>
		<tr><td class="vbmenu_option"><a href="policy03.php">3rd Policy</a></td></tr>
	</table>
	</div>
</td>
<!-- /Polices Menu -->

<!-- Features Menu -->
<td id="features" class="vbmenu_control"><a href="#features">Features</a><script type="text/javascript"> vbmenu_register("features"); </script>
	<div class="vbmenu_popup" id="features_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
		<tr><td class="thead">Site Features</td></tr>		
		<tr><td class="vbmenu_option"><a href="feature01.php">1st Feature</a></td></tr>
		<tr><td class="vbmenu_option"><a href="feature02.php">2nd Feature</a></td></tr>
		<tr><td class="vbmenu_option"><a href="feature03.php">3rd Feature</a></td></tr>
	</table>
	</div>
</td>
<!-- /Features Menu -->

<!-- Stretch table so last cell is positioned to the right -->
<td width="90%" class="vbmenu_control">&nbsp;</td>
<!-- /Stretch -->

<!-- FAQ Menu -->
<td id="faq" class="vbmenu_control"><a href="#faq">FAQ</a><script type="text/javascript"> vbmenu_register("faq"); </script>
	<div class="vbmenu_popup" id="faq_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
		<tr><td class="thead">Frequent Questions</td></tr>		
		<tr><td class="vbmenu_option"><a href="faq01.php">1st FAQ</a></td></tr>
		<tr><td class="vbmenu_option"><a href="faq02.php">2nd FAQ</a></td></tr>
		<tr><td class="vbmenu_option"><a href="faq03.php">3rd FAQ</a></td></tr>
	</table>
	</div>
</td>
<!-- /FAQ Menu -->

</tr>
</table>

The key is to keep your td id, first href, vbmenu_register(), and div id all named with the same control word, e.g.:

<td id="features" class="vbmenu_control">
<a href="#features">Features</a>
<script type="text/javascript"> vbmenu_register("features"); </script>
<div class="vbmenu_popup" id="features_menu" style="display:none">

And just incidentally, if you happen to accidentally put that <script> inside the closing </a> tag, it crashes IE6 completely . (am trying to come up with a use for that)

Anyway, how to do this for some reason is pretty hard to track down around here and I almost started a new thread for it until I saw this one. Hope you don't mind me jumping on.