Dropdown navigation menu with only css, can someone help? [closed]

It's difficult to tell what is being asked here. This question is ambigu开发者_如何转开发ous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center. Closed 11 years ago.

http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

Hi,

I'm trying to make a dropdown menu with only css.

I don't want to use javascript.

Can anyone help me to make this ?

---

Yes, it's possible. Here is not a free-code website. Just to give you an idea take a look at this:

You can use CSS pseudo classe :hover to determine to show submenus or not. HTML:

<ul class="mainmenu" >
    <li>Main Menu One
        <ul class="submenu">
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
        </ul>
    </li>
    <li>Main Menu Two
        <ul class="submenu">
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
        </ul>
    </li>
    <li>Main Menu Three
        <ul class="submenu">
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
        </ul>
    </li>
</ul>

CSS

.mainmenu li{float:left; border:1px solid black;}
.mainmenu li:hover .submenu{display:block;}
.submenu{display:none;}
.submenu li{float:none;}

Look at Fiddle