Solved

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

Posted on 2013-11-14
1
230 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Migrating Your Company's PCs

To keep pace with competitors, businesses must keep employees productive, and that means providing them with the latest technology. This document provides the tips and tricks you need to help you migrate an outdated PC fleet to new desktops, laptops, and tablets.

Question has a verified solution.

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

Introduction As chip makers focus on adding processor cores over increasing clock speed, developers need to utilize the features of modern CPUs.  One of the ways we can do this is by implementing parallel algorithms in our software.   One recent…
This is a fairly complicated script that will install the required prerequisites to install SCCM 2012 R2 on a server.  It was designed under the functional model in order to compartmentalize each step required, reducing the overall complexity.  The …
Are you ready to implement Active Directory best practices without reading 300+ pages? You're in luck. In this webinar hosted by Skyport Systems, you gain insight into Microsoft's latest comprehensive guide, with tips on the best and easiest way…

735 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