Table Attributes for a Menu for all Browsers - Attributes of the Drop Down Menu Tables
(Page 2 of 4 )
According to this design, there are ordinary drop down menus and non-ordinary drop down menus. The only non-ordinary drop down menu is the second drop down menu. Each ordinary drop down menu table has a cellpadding of 0px and a cellspacing of 0px for the same reasons mentioned earlier. The table (cell) borders have a width of 1px. The browser gives the color of the border. From my experience, the browser usually gives an appropriate color.
Each ordinary drop down menu table has a rules attribute with a value of "rows." If this is not done, the Opera browser may not give the borders between the table cells. Each ordinary drop down menu table has a width attribute. The value of the width attribute is the same as the width of the corresponding cell in the main menu.
As you can deduce, the width of a cell in the main menu, the corresponding width of the drop down menu table and the corresponding width of a cell in the drop down menu are the same.
These are the start tags of the first, third, fourth and fifth drop down menu tables:
<table cellpadding="0" cellspacing="0" border="1" rules="rows" id="DDT0" width="125" style="position:absolute; display:none">
<table cellpadding="0" cellspacing="0" border="1" rules="rows" id="DDT2" width="250" style="position:absolute; display:none">
<table cellpadding="0" cellspacing="0" border="1" rules="rows" id="DDT3" width="200" style="position:absolute; display:none">
<table cellpadding="0" cellspacing="0" border="1" rules="rows" id="DDT4" width="125" style="position:absolute; display:none">
The second drop down menu is not ordinary; its first tag is not among the above four. Go through the above tags to appreciate what I have been saying.
Next: Attributes of the Second Drop Down Menu >>
More HTML Articles
More By Chrysanthus Forcha
