PDA

View Full Version : Drop Down Tabs: GlowTabs positioning



oaklea
03-20-2008, 01:49 AM
1) Script Title: Drop Down Tabs

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

3) Describe problem: I've got the menu working, but the menu level 1 is located down and to the right of where its supposed to be. I've got the menu html wrapped in a layer that has absolute positioning. Go here and check "Litters" http://applelou.com/indexIII.html. Thank you

ddadmin
03-20-2008, 04:20 AM
Most of the positioning problems with the drop down menus can be solved by making sure the HTML for the drop down DIVs themselves is outside any container tag on the page other than the BODY. So in your case, try moving all the drop down DIVs to the bottom of your page, just above the "</body>" tag:


<!-- dropdown menu level 1 -->
<div id="dropmenu1_d" class="dropmenudiv_d">
<a href="litters/previous.html">Previous Litters</a>
<a href="litters/future.html">Future Litters</a>
</div>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("glowmenu", 0)
</script>
</body>

oaklea
03-20-2008, 07:42 PM
I moved the first level menu to the bottom just above the close body, as directed. Well, it did some things. It did move the 1 level menu up but it is still to the right. Worse, it brought the footer with it. http://applelou.com/indexIII.html
I may try and mess with the container layer holding the menu.

ddadmin
03-20-2008, 08:14 PM
Actually, looking at your source, you didn't move the mentioned HTML to the very bottom of the page, as it's still contained in a </div> tag right above the </body> tag. That is:


<!-- dropdown menu level 1 -->
<div id="dropmenu1_d" class="dropmenudiv_d">
<a href="litters/previous.html">Previous Litters</a>

<a href="litters/future.html">Future Litters</a>
</div>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("glowmenu", 0)
</script>
</div>
</body></html>

The HTML block should be moved below/ outside the tag in red, as that tag is the closing tag of a container.

oaklea
03-21-2008, 03:20 AM
That was it, moving the closing div did it. Thanks for catching my mistake.