создать подменю css

Question

Может кто-нибудь мне помочь. У меня есть этот HTML-код и я хочу создать свой субменю с помощью CSS, но я новичок в этом, и я действительно нужна помощь

<div class="nav-collapse collapse"> 
      <ul id="nav-list" class="nav pull-right"> 
       <li><a href="#home">Home</a></li> 
       <li><a href="#about">About</a></li> 
       <li><a href="#updates">Updates</a></li> 
       <li><a href="#screenshots">Screenshots</a></li> 
       <li><a href="#howto">How to</a></li> 
        <ul> 
        <li><a href="#">Sub Item 1.1</a></li> 
        <li><a href="#">Sub Item 1.2</a></li> 
        </ul> 
       <li><a href="#permissions">Permissions</a></li> 
       <li><a href="#download">Download</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div> 

Я хочу, чтобы выпадающий список для моего меню submenus.My горизонтальна на момент

Answer 1

для начала ...

.nav li ul { display: none; } 

.nav li:hover ul { display: block;} 

Ваш HTML нуждается незначительное изменение также ... вы должны гнездиться подменю <ul> внутри родительского <li>. Как показано ниже:

<li><a href="#howto">How to</a> 
    <ul> 
     <li><a href="#">Sub Item 1.1</a></li> 
     <li><a href="#">Sub Item 1.2</a></li> 
    </ul> 
</li> 

Вот jsfiddle демонстрирует эту работу, очевидно, не горизонтальна, как мне не хватает стилей вы уже сделали, функциональность по-прежнему работает, однако при наведении указателя мыши на «Как»:

http://jsfiddle.net/Zuvdf/