Solved

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

Posted on 2013-11-14
1
229 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

Free learning courses: Active Directory Deep Dive

Get a firm grasp on your IT environment when you learn Active Directory best practices with Veeam! Watch all, or choose any amount, of this three-part webinar series to improve your skills. From the basics to virtualization and backup, we got you covered.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Microsoft has released remote PowerShell capabilities to all commercial Office 365 customers. So you can be controlled via PowerShell and not from the Office 365 admin center Download Windows PowerShell Module for Lync Online http://www.micros…
The System Center Operations Manager 2012, known as SCOM, is a part of the Microsoft system center product that provides the user with infrastructure monitoring and application performance monitoring. SCOM monitors:   Windows or UNIX/LinuxNetwo…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

808 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