asked on

CSS Dropdown menu

I have created a horizontal dropdown menu with css. However, I'm not sure how to write the second part of the dropdown. Instead of the second level dropingdown vertically, I want it to drop down a spread out, inline horizontally under the main menu choices.

<ul>
<li>HOME</li>
</i>About
<ul>
<li>Me</li>
<li>partners</li>
<li>Friends</>
</ul>
</li>
</ul>

Open in new window

Does that make sense?

ASKER CERTIFIED SOLUTION

Gurvinder Pal Singh

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

LZ1

I try not to reinvent the wheel when I don't have to. Have you seen Suckerfish menus? The examples are at the very bottom of the page. Fully tested, compliant and very easy to implement.

Robert Granlund

ASKER

@LZ1 There was not 1 example on that page that refers to the type of menu style I am trying to create. Did I miss something?

Gurvinder Pal Singh

did you tried my suggestion?

Badotz

A quick Google search will turn up hundreds (thousands? millions?) of cross-browser, debugged menus.

If you're a jQuery fan, you have perhaps hundreds more from which to choose.

LZ1

There were just links at the bottom.

http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html
http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html
http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones3.html

Vertical: http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html