Pure CSS submenu causing li's to pile on top of each other -


I am modifying a token theme for my website and need a navigation to keep a submenu It has got to work with, but when submenu appears, then it pushes the rest of the material down. I have asked to stop this submenu by stopping the whole situation, which is considered as the way it is treated. Works apart from it, except its Lee went to be piled on top of each other. I know that cocon is relatively new, but if someone has any suggestions or ideas, then I would appreciate it ...

URL

here is HTML

  & lt; NAV & gt; & Lt; Ul class = "k-nav-list k-nav-root" & gt; & Lt; Li & gt; & Lt; One goal = "" title = "reel" href = "http://gatesman.com" & gt; Reel & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A class = "KA-NAV-set" data-cocaine-internal title = "portfolio" href = "/ portfolio / set / portfolio" & gt; Portfolio & lt; / A & gt; & Lt; Ul class = "k-nav-list" & gt; & Lt; Li & gt; & Lt; A data-koken-internal title = "car" href = "/ portfoli / albums / cars /" & gt; Car & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A data-cocaine-internal title = "lifestyle" href = "/ portfolio / album / life style" "gt; lifestyle & lt; / a & gt; & lt; / li & gt; & lt; li & gt; ; & Lt; a class = "KA-NAV-current" data -coken-internal title = "scenario" href = "/ portfolio / album / scenario /" & gt; scenario & lt; / a & gt; & lt; / Li>   
  • A target = "title =" about "href =" http: // Gatesman.com/about/ "& gt; about & lt; / a & gt; & lt; / li & gt; & lt; li & gt; & lt; a target =" "title =" blog "href = "Http://gatesman.com/gatesman-blog/" & gt; Blow C & lt; / li & gt; & lt; li & gt; & lt; a target = "" title = "contact" href = "http://gatesman.com/contact/ "& Gt; Contacts & lt; / li & gt; & lt; / ul & gt; & lt; / ne & gt;
  • and related CSS

      nav li {display: inline-block; white-space: abrop; padding-top: 0 pixels; padding-right: 9px; padding-down: 0 pixel; padding-left : 9 pixels; Line-height: 2; } Nav ul li {list-style-type: none; List-style-image: none; List-style-status: outside; Margin-right: 10px; } Nevala ul li ul li {display: none; } Nevala Ull Lee: Hover & gt; Ul li (position: complete; Display area; } Nav ul li ul li {text-align: left; }  

    hidden and full status sub ul s, no li s.

      Neowal ul ul {display: none; Status: Completed; / * ... etc ... * /}  

    .

    Other changes:

      nav li {display: inline -block; / * ... * /}  

    becomes

      nav> UL & gt; Li {Display: Inline-Block; / * ... * /}  

    and

      Nevala Ull Lee: hover & gt; Ul li (position: complete; Display area; }  

    becomes

      Neowal ul li: hover & gt; Ul {display: block; }  

    Comments

    Popular posts from this blog

    import - Python ImportError: No module named wmi -

    Editing Python Class in Shell and SQLAlchemy -

    c# - MySQL Parameterized Select Query joining tables issue -