In this third part of the series, we continue with the style attributes of the tables of the menu. After that we shall talk about the IDs of the tables and the IDs of their cells. As I said in the previous part of the series, a lot of the design in this series lies in the configuration of the tables. We just have to carry on talking about the tables. We shall talk relatively little about the JavaScript code, later in the series.
Configuring Tables for a Menu for All Browsers - The Last Drop Down Menu Table IDs (Page 4 of 4 )
The last drop down menu table produces its sub menu on its left. The design of the last drop down menu and its sub menu is not the same as the design of the second drop down menu, as you might expect.
The table for the last drop down menu is as ordinary as the first drop down menu or the third drop down menu. It is a table of one column. Its ID is "DDT4," as we mentioned above. The table for its sub menu is not glued to it, as was the case for the second drop down menu table.
The table for its sub menu is actually in the fourth cell of the main table. Description of this table is given above; the diagram is fig.13.2. The menu item “Sub link 34 >” is in the last drop down menu. This menu item gives rise to the sub menu. For the same reasons as given above, the ID of this sub menu table is "ST34."
IDs for the Sub Menu Cells
When giving IDs to the cells of a sub menu, it is the cells of the nested table that are taken into consideration. In a nested table, the first cell (row) is considered to be row zero, the second, row 1, the third, row 2 and so on. The ID of each row begins with "TD," the same as for the drop down table cells, and is then followed by the row number, and then the number part of the ID of the nesting table.
For example, the sub menu table with the ID "ST11" has cells with IDs of TD011, TD111, TD211 and TD311.
Let us take a break here. The story carries on in the next part of the series.
DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.
HTML 
Table Attributes for a Menu for all Browsers
