My dropdown tool is not working. I tried everything. I am confused about where I am doing a mistake. Please need help.

Post by **answerhappygod** » Fri Jul 01, 2022 5:46 am

My dropdown tool is not working. I tried everything. I amconfused about where I am doing a mistake. Please needhelp. I am working on the exhibition menu.
HTML5

: My Dropdown Tool Is Not Working I Tried Everything I Am Confused About Where I Am Doing A Mistake Please Need Help 1 (117.5 KiB) Viewed 107 times

: My Dropdown Tool Is Not Working I Tried Everything I Am Confused About Where I Am Doing A Mistake Please Need Help 2 (88.82 KiB) Viewed 107 times

: My Dropdown Tool Is Not Working I Tried Everything I Am Confused About Where I Am Doing A Mistake Please Need Help 3 (41.27 KiB) Viewed 107 times

: My Dropdown Tool Is Not Working I Tried Everything I Am Confused About Where I Am Doing A Mistake Please Need Help 4 (1.17 MiB) Viewed 107 times

<!DOCTYPE html> <html lang="en"> <head> <title>Webpage</title> <link rel="stylesheet" href = "mywebpage.css"> <link rel="stylesheet" </head> <body> <div class="main"> </body> </html> <form class="search" action="/action_page.php"> <button type="submit"><i class="fa fa-search"></i> </button> <input type="text" placeholder="Search.." name="search"> </form> <div class="logo"> </div> <img src="logo.png"> <div class="navbar"> <ul> href="https://cdnjs.cloudflare.com/ajax/libs/ ... me.min.css"> </div> <li class="active"><a href="#">About us</a></li> <li><a href="#">Exhibitions</a></li> <div class="dropdown"> </ul> <li><a href="#">Present Exhibitions</a></li> <li><a href="#">past Exhibitions</a></li> <li><a href="#">future Exhibitions</a></li> </div> <li><a href="#">Artists</a></li> <li><a href="#">Photos</a></li> <li><a href="#">Events</a></li> <li><a href="#">News</a></li> <li><a href="#">Application Form</a></li> <li><a href="#">Financial details</details></a></li> <li><a href="#">Contact Us</a></li>
*{ } .main{ margin: 0; padding: 0; } . logo img { width: 100%; background: linear-gradient (to top, rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 50%), url('pic.jpg'); background-position: center; background-size: cover; height: 109vh; } display: flex; list-style: none; margin-right: auto; list-style: none; .search input[type=text] padding: 5.5px; font-size: 10px; border: 1px solid grey; float: right; width: 40%; background: ■#f1f1f1; .search button { float: right; width: 4%; padding: 2px; background: darkgrey; color: white; font-size: 17px; border: 1px solid grey; border-left: none; cursor: pointer; .search button:hover { background: #e3e6e8; .search::after { content: ""; clear: both; display: table;
.navbar{ list-style-type: none; float: right; .navbar ul li{ display: inline-block; } .navbar ul li a{ text-decoration: none; color: white; padding: 5px 20px; border: 1px solid transparent; font-style: oblique; font-size: initial; transition: 0.6s ease; } .navbar ul li a:hover{ background-color: dimgrey; color: white; .active, .navbar ul li:hover{ background-color: rgb(91, 88, 88); border-radius: 3px; padding: 4px 6px;
F's Art GALLERY About us Present Exhibitions Artists Photos Exhibitions past Exhibitions Events Search.. News future Exhibitions Application Form PAPI Financial details Ơ Contact Us