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

CSS Dropdown Menu

I'm normally really good at this but for some reason, I can't get it to work correct.
I have a vertical menu.  At the first ul ul I need <li>to drop straight down and push all of the other menu choices down. However, at the third ul /  <ul><ul><ul> I need the li's to push out to the right.  Can someone give me the brief CSS to make this happen.

<ul>
	<li>ONE</li>
	<li>TWO	
		<ul>
			<li>TWO A</li>
				<ul>
					<li>TWO B</li>
					<li>TWO BB</li>
					<li>TWO BBB</li>
				</ul>
			<li>TWO AA</li>
		</ul>
	</li>
	<li>THREE</li>
	<li>FOUR</li>
</ul>

Open in new window

0
rgranlund
Asked:
rgranlund
  • 2
1 Solution
 
COBOLdinosaurCommented:
You are not showing the CSS so I will have to make a guess.  The part that needs to push out to the right needs either display:inline or display:inline-block


Cd&
0
 
rgranlundAuthor Commented:
This is all I have.  Can you add a littl more to it so the first level drops down and then the next goes out to the right?

nav ul	{
	display:block;
	width:140px;
	padding:11px 0px 13px 0px;
}

nav li	{
	width:140px;
	display:inline;
	list-style:none;
}


nav ul li a	{
	height:10%;
	padding:0% 0% 0% 5%;
	color:#908f8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
	display:block;
}

nav ul li a:hover	{
	color:#ffffff;
}

nav ul ul  {
visibility:hidden:
}

Open in new window

0
 
COBOLdinosaurCommented:
nav ul ul ul>li {display:inline;}

perhaps.  It would probably easier if you posted a link so I could play with it.

Cd&
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

Cloud Class® Course: C++ 11 Fundamentals

This course will introduce you to C++ 11 and teach you about syntax fundamentals.

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