View Full Version : about drop down tabs, this is so weird

11-23-2007, 02:06 PM
1) Script Title: DropDown Tabs

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

3) Describe problem: i am trying to make a simple web page and i want to use container/box/card for layout purposes (instead of tables and frames). i made a card 15 pixel high, and i placed the second dropdown tab menu (can be found in the URL above) in it. everything loks ok, EXCEPT when i hover to the second and third menu items - those that have sub menu items in - the submenus apear under another card, so that they can not be seen. (Actually they even dont appear just below the relevant menu item but a few hundered pixels down) what am i doing wrong?

I am sending all the files as an attachment. You can see that in adkim.html no sub-menus can be seen, and in adkim1.html i deleted the big card and you can see that sub-menus are not where they should be.
Thanks in advance, Regards

11-24-2007, 01:30 AM
Try moving the HTML for the drop down DIVs themselves to the very end of the page, outside any container tags other than the BODY. For example:


<!--1st drop down menu -->
<div id="dropmenu1_b" class="dropmenudiv_b">

<a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links and Buttons</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a>

<!--2nd drop down menu -->
<div id="dropmenu2_b" class="dropmenudiv_b" style="width: 150px;">
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>

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