How to make table drop down menu

**Odalis** · 13-07-2009

How to create a drop down menu in table for HTML website. I assume there must be some additional configuration that must be done to tell the menu to appear within the Table ? Please let me know how I need my code modified to get this to work. Please help me.

**Katty** · 13-07-2009

You can get simple drop-down menus to find horizontally across the top of a page, those with complex sub menus drape, some of which graph to use mouse over effects, and others establish vertically along the left side or the right of any page compilation.The drop-down menu is created by using a table. The menu table is relatively simple. Here is the HTML Code for the Simple Drop-Down Menu:

<table class="navbar" width="800">
<tr>
...[missing TD elements]
</tr>
</table>

The width attribute for each TD element is placed at 160 pixels, which each menu 20 percent of the total width of the list created. If you add or remove menus or the width of the list changes, the width of each individual menu in the Customize list. For example, if you have any of the columns in the example removes so you have four columns, the width of each menu 200 pixel for a pixel-wide menu 800.

If you add a menu so you have six, the width about 133 pixel, etc. Each drop-down menu is contained within an element of sections within each top-level TD element is nested. Within the element of sections, the code for each drop-down menu contains a nested element of the list. The list of the 3 shows gene afd suggested - and the drop-down menu list.

<div class="menuNormal" width="155">
<table class="menu" width="155">
...[missing TR elements]
</table>
</div>

**kelfro** · 13-07-2009

The DIV element has an id attribute value so that the JavaScript code can access the child elements.The element has a value of ID attribute so that the JavaScript code to the child elements can have access. This was necessary to allow everyone to whom this code could use markings on the page elsewhere without mixing in the spread is / functions JavaScript does collapse.The nested DIV element for the drop-down menu has a class attribute value of "menuNormal" and a width attribute value of "155." The nested TABLE element has a class attribute value of "menu" and a width attribute value of "155."

Each item in the drop-down menu comprises a TR element that contains a single TD element. Listing 4 shows the TR and TD elements for a drop-down menu line item.

**Zecho** · 13-07-2009

The class attribute specifies the CSS style that defines the appearance of cells list when a user first page shows. The width attribute is placed at 20% so that each of the five drop-down menus of the same area will be. Again, this is an easy thing to change if you want to change the code to your own needs. The id attribute is necessary as the scripts use these to access the TD element.