HTML
  Home arrow HTML arrow Page 3 - Creating a Common Browser Menu
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
HTML

Creating a Common Browser Menu
By: Chrysanthus Forcha
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 1
    2009-03-06

    Table of Contents:
  • Creating a Common Browser Menu
  • Horizontal Main Menu
  • Laying Out the Menu Items
  • Outline with Vertical Sub Menu Lists

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Creating a Common Browser Menu - Laying Out the Menu Items


    (Page 3 of 4 )

    We shall consider an example made up of five items in the menu bar. The TABLE in the DIV element has five rows and five columns in our example.

    Outline of Main Menu

    This is the outline of the main menu.


    Main link 0

    v

    Main link 1

    v

    Main Link 2

    v

    Main Link 3

    v

    Main Link 4

    v


    You have the first item, Main link 0, followed by its drop down button, v. You have the next item, Main link 1, followed by its drop down button, v, and so on until the fifth item, Main link 4, followed by its own drop down button.

    Outline of Vertical Menu List

    This is the outline of the DIV element and its content:

    <DIV>

    Sub link 00

    Sub Link 01

    Sub link 02

    Sub link 03

    Sub link 04

    Sub link 10

    Sub link 11

    Sub link 12

    Sub link 13

    Sub link 14

    Sub link 20

    Sub link 21

    Sub link 22

    Sub link 23

    Sub link 24

    Sub link 30

    Sub link 31

    Sub link 32

    Sub link 33

    Sub link 34

    Sub link 40

    Sub link 41

    Sub link 42

    Sub link 43

    Sub link 44

    </DIV>

    As we said, the DIV element has the HTML TABLE inside. Assuming that each item in the vertical list from a drop down button does not have a sub vertical list, then the above table outline shows the cell contents. Each cell has a link element (<a></a>). The numbers show you how to identify them. Counting (indexing) begins from zero. The first row is row zero, the second is row 1, and so on. The first column is column zero, the second is column 1, and so on. With the identification of the links, each number begins with two digits. The first digit is the row number; the second is the column number.

    More HTML Articles
    More By Chrysanthus Forcha


     

    HTML ARTICLES

    - Comparing Browser Response to Active Client ...
    - Testing Browser Response to Active Client Pa...
    - Active Client Pages: Completing the Code for...
    - ACP and Browsers: Setting up an Example
    - How Browsers Respond to Active Client Pages
    - Completing a Tree with Active Client Pages
    - HTML Form Verification and ACP
    - Building an ACP Tree
    - Completing an ACP 3D HTML Table Image Gallery
    - Building an ACP 3D HTML Table Image Gallery
    - A Multiple Page Image Gallery with Active Cl...
    - Building an Image Gallery with Active Client...
    - Concluding a Menu for All Browsers
    - A Vertical Menu for All Browsers
    - Downloading Long HTML Pages with ACP







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 6 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek