Home arrow HTML arrow Page 2 - Table Attributes for a Menu for all Browsers
HTML

Table Attributes for a Menu for all Browsers


In previous parts of this series, we discussed the style and ID attributes of the menu's tables. As I said, a lot of the design in this series lies in the configuration of the tables. In this part of the series, we have to talk about the other attributes. This is the last part where we shall talk about table configuration. Attributes affect the characteristics (nature) of a table.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
May 27, 2009
TABLE OF CONTENTS:
  1. · Table Attributes for a Menu for all Browsers
  2. · Attributes of the Drop Down Menu Tables
  3. · Attributes of the Second Drop Down Menu
  4. · Nesting Table Cell Attributes

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
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.


blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 2 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials