Dropdown HTML Control : Positioning Problem [Archive]

View Full Version : Dropdown HTML Control : Positioning Problem

moscarda

09-14-2007, 05:48 AM

1) Script Title:
Dropdown HTML control

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/dropdowncontrol.htm

3) Describe problem:
Ok, I know that it is advised we don't post questions on multiple scripts due to certain interference, however, I think I have a CSS problem on my hands. My drop down menu is showing up, and working correctly, but the positioning is off. It is centering the text and putting it in the middle of the page instead of dropping down from the navigation bar. Please help!

You can see my code at www.zumatile.com

ddadmin

09-14-2007, 06:06 AM

Try moving the drop down DIV itself (plus the activating script call) so it's outisde any container tags other than the <body> itself, such as directly above the </body> tag:

<div id="menu_child" style="position: absolute; visibility: hidden;">
<a class="menu" href="glass.htm">Glass</a>

<a class="menu" href="metal.htm">Metal</a>
<a class="menu" href="stone.htm">Stone</a>
<a class="menu" href="medal.htm">Medallions</a>
<a class="menu" href="rails.htm">Rails</a>
<a class="menu" href="liner.htm">Liners</a>
</div>
<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");

</script>

</body>

moscarda

09-14-2007, 06:12 PM

beautiful baby, works like a charm.