• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 240
  • Last Modified:

What attribute to make ASP.NET VB 2010 menu cascade?

When I click on “organization” item in root of menu (first attachment), the sub-organizations are presented horizontally (second attachment).  By what attribute of the menu control can I make the sub-organizations be presented vertically?  (This can also be seen at home page of telosso.org,)
rootMenu.jpg
menuSecondLevel.jpg
0
hrj5721
Asked:
hrj5721
1 Solution
 
Alexandre SimõesManager / Technology SpecialistCommented:
Don't use tables for this mate...
Menus are easily done with ul elements and CSS.

Here's a working example: http://jsfiddle.net/AlexCode/D9Ykb/

<ul class="menu">
    <li><a href="#1">About Us</a></li>
    <li><a href="#2">Events</a></li>
    <li><a href="#3">Classes</a></li>
    <li>
        <a href="#4">Organization</a>
        <ul>
            <li><a href="#1">Student Council</a></li>
        </ul>
    </li>
    <li><a href="#5">Administration</a></li>
</ul>

Open in new window

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}
ul.menu li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}
ul.menu a {
    padding: 5px;
    border-right: solid 1px #000;
}

ul.menu li ul {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25px;
}

ul.menu li:hover ul {
    display: block;
}
ul.menu li ul li {
    width: 150px;
}
ul.menu li ul li a {
    border: none;
}

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now