CodingForums.com - View Single Post - Trouble Creating a CSS/HTML Dropdown Menu

kolormatic · 12-09-2012, 09:14 PM

I've been trying to make a drop down menu for a title bar, and am running into some problems. I'm using the example in http://www.cssnewbie.com/example/css-dropdown-menu/ as a basis for all the CSS/JavaScript coding.

Here's what I have:

<body>
<div id="wrap">
<h1>Title</h1>

<ul id="navbar">
<li><a href="#">Home</a></li>
<li><a href="#">Item A</a></li>
<li><a href="#">Item B</a></li><ul>
<li><a href="#">Option A</a></li>
<li><a href="#">Option B</a></li>
<li><a href="#">Option C</a></li>
</ul></li>
<li><a href="#">Item C</a></li>
</ul>

Options A-C should all appear in a drop down when the mouse cursor goes over Item B. Instead, they on the navigation bar. Any idea what I'm doing wrong here?

Sorry if I'm not giving enough info; I'm quite new to this field. Tell me what else you need to know. The CSS/JavaScript stuff can be assumed to come directly from the website.

12-09-2012, 09:14 PM	PM User \| #1
kolormatic New to the CF scene Join Date: Dec 2012 Posts: 2 Thanks: 0 Thanked 0 Times in 0 Posts	Trouble Creating a CSS/HTML Dropdown Menu I've been trying to make a drop down menu for a title bar, and am running into some problems. I'm using the example in http://www.cssnewbie.com/example/css-dropdown-menu/ as a basis for all the CSS/JavaScript coding. Here's what I have: <body> <div id="wrap"> <h1>Title</h1> <ul id="navbar"> <li><a href="#">Home</a></li> <li><a href="#">Item A</a></li> <li><a href="#">Item B</a></li><ul> <li><a href="#">Option A</a></li> <li><a href="#">Option B</a></li> <li><a href="#">Option C</a></li> </ul></li> <li><a href="#">Item C</a></li> </ul> Options A-C should all appear in a drop down when the mouse cursor goes over Item B. Instead, they on the navigation bar. Any idea what I'm doing wrong here? Sorry if I'm not giving enough info; I'm quite new to this field. Tell me what else you need to know. The CSS/JavaScript stuff can be assumed to come directly from the website.