Things you want to know about websites


Directory-Style menus

Directory style menus are a little different because, not only they show main-menu items but sub-menu items at the same time. The format of this menu looks more like a hierarchically arranged list or directory.


See the image below,

directory style menus

This menu can be used if the sub-menus are small or otherwise it won't look good. Also, these menus can show only one level of sub-menu effectively.

Creating the Menu

Code Example

Since this menu is just a formatted nested list, it can be made by simple Html and CSS. See the example code below,

Just copy and paste the following code in a text editor, save it with in an html file extension and run it in your browser.

Bookmark or Add to Favourites

Next :



Navigation Methods
Drop down Menus
Pop out Menus

Link to this page :

Copy and paste the following code in an html document to link to this page,