Solved

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

Posted on 2013-11-14
1
226 Views
Last Modified: 2014-01-27
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
Comment
Question by:hrj5721
1 Comment
 
LVL 30

Accepted Solution

by:
Alexandre Simões earned 500 total points
ID: 39650491
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

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

A while ago, I was working on a Windows Forms application and I needed a special label control with reflection (glass) effect to show some titles in a stylish way. I've always enjoyed working with graphics, but it's never too clever to re-invent …
If you need to start windows update installation remotely or as a scheduled task you will find this very helpful.
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now