2016-12-18 8 views
0

У меня с трудом отображается моя строка навигации. Может кто-нибудь предложить, как это исправить?Навигация не может быть отображен встроенным

<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%; 
} 
+0

тест дисплей: встроенный! Важное; – uttejh

+0

Его все еще не работает .. –

+0

попробуйте 'float: left'. Я уверен, что это может помочь – uttejh

ответ

0

Для ваших li тегов, добавить отображение инлайн-блока (взял держать их на той же строке) и всплывают их влево (для удаления заготовки пространство между ними).

Как так:

nav ul > li{ 
    display: inline-block; 
    float: left; 
} 

Надеется, что это помогает! :-)