ナビゲーションがインラインで表示されます

Question

私のナビバーのインライン表示にはいくつかの問題があります。私のプロジェクトのためのhtmlとcssのコードです。

<nav> 
    <ul> 
     <li> 
      <%=link_to "Tradery", current_user%> 
     </li> 
     <li> 
      <%=form_tag("/search", method: "get") do %> 
      <%=label_tag(:q, "") %> 
      <%=text_field_tag(:q) %> 
      <%=submit_tag("Search") %> 
      <%end%> 
     </li> 
     <li> 
      <%=link_to "Tradezone", '#' %> 
     </li> 
     <li> 
      <%=link_to "Messages", '#' %> 
     </li> 
     <li> 
      <%=link_to "Notifications", '#' %> 
     </li> 
     <li> 
      <%=link_to title="Acount" , "#" %> 
      <ul> 
       <li> 
        <%=link_to "user.business.name", '#'%> 
       </li> 
       <li> 
        <%=link_to "settings", '#'%> 
       </li> 
       <li> 
        <%=link_to "signout", '#'%> 
       </li> 
       <li> 
        <%=link_to "create business", '#'%> 
       </li> 
       <li> 
        <%=link_to "settings", '#'%> 
       </li> 
       <li> 
        <%=link_to "signout", '#'%> 
       </li> 
      </ul> 
     </li> 
    </ul> 
</nav> 

コードのためのCSS：

nav ul ul { 
    display: none; 
} 
nav ul li:hover> ul { 
    display: block; 
} 
nav ul { 
    display: inline-table; 
    position: relative; 
    background: -moz-linear-gradient list-style: none; 
    top: 100%; 
} 

Answer 1

は、あなたが私たちに実際のコードを見せていますか？決して心配しないで、これがあなたを助けることができたらいいなあ

CSS：

nav ul { 
    list-style:none; 
    margin:0; 
    padding:0; 
    overflow: hidden; 
} 

nav ul li { 
    display:inline; 
} 

nav ul li a { 
    display:inline-block; 
}