html - drop down menu Sub-menu doesn't show -



html - drop down menu Sub-menu doesn't show -

i can't sub-menu show when hover list item. did wrong ?

it hides using display:none, doesnt show when hover.

nav ul ul {display: none;} nav ul li:hover > ul{display: block;}

complete code:

<nav> <ul> <li><a href="#">link</a></li> <li><a href="#">link2</a></li> <ul> <li><a href="#">submenu</a></li> </ul> </ul> </nav>

css:

/* start navbar */ nav ul,li{ display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; list-style: none; } nav ul ul {display: none;} nav ul li:hover > ul{display: block;} nav ul {position: relative;} nav ul li { position: relative; flex: 1; background-color: green; } nav ul li a{ color: black; #background-color: pink; text-decoration: none; padding: 5px 10px 5px 10px; } nav ul li:hover{ background-color: orange; } nav ul li ul {position: absolute; top:30px; left:0px;} /* end navbar */

the problem you've closed li element before set submenu in it. move closing </li> tag after ul submenu:

<li><a href="#">link2</a> <ul> <li><a href="#">submenu</a></li> </ul> </li>

why? because css selection of nav ul li:hover > ul{display: block;} expecting ul element (that want show on hover) direct child of li element. in reality, ul not kid at all.

html css menu

Comments

Post a Comment

Popular posts from this blog

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory -

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory - i have code emails me notification when happens. trying add together page , also remove dependency on email. for reference; have name of notification want send stored string in database. @ runtime have list of people , string representation of want receive. i thought dependency injection ninject, kernel bindings got big , seemed hacking together. then thought simple factory, activator.createinstance(email/page) inotifcation, don't know how handle differing constructor parameters (unless utilize common, complex property, employee, has info need). so far have this: public interface inotification { void sendmessage(); } public class email: inotification { private readonly string _toemailaddress; private string body { { homecoming "email"; } } private static string smtphost { ...
Read more

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more