My dropdown content and button wont inherit list properties

My dropdown content and button wont inherit list properties
0.0 0

#1
<nav>
  <div class = "logo">
    <img src = "img1.pdf"  width = "100" height = "80" alt = "Helpful Movers logo">
  </div>
    <ul>
      <li><a href = "#" class = "active">Moving Services</a></li>
      <div class = "dropdown">
      <li><button class="dropbtn">Resources</button><li>
  <div class="dropdown-content">
    <li><a href = "#"></a>Moving Process</li>
      <li><a href = "#"></a>Reviews</li>
    </div>
</div>
  <li><a href = "#">About</a></li>
  <li><a href = "#">Contact</a></li>
</ul>
</div>
  </nav>

<script>

body{
  margin: 0;
  padding: 0;
  font-family: sans serif;
}
  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 100px;
      z-index: 1;
    }
    .dropdown:hover .dropdown-content {
    display: block;
  }

nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  padding: 10px 100px;
  box-sizing: border-box;
  transition: . 5s;
}
nav.logo
{
  float: left;
}
nav.logo img
{
  height: 80px
  transition: . 5s;
}
nav ul
{
  float: right;
  margin: 0;
  padding: 0;
  display: flex;
}
nav ul li
{
  list-style: none;
}

nav ul li a
{
  line-height: 80px;
color: #262626;
padding:5px 20px;
font-family: 'Roboto', sans-serif;
text-decoration: none;
text-transformation: uppercase;
transition: .5s;
}
nav ul li a.active,
nav ul li a:hover

{
  color: #fff;
  background: #f00;
}

#2

Showing us your actual html/css code will help understanding whats going on in there.


#3

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


#4
  1. You have an opening script tag, but no JavaScript and no closing script tag. Get rid of the opening script tag.

  2. You have some CSS, but you have not wrapped it in style tags and it really should be before the html code.

  3. You need to read more about how to create unordered lists in general. An unorderded list should look like:

<ul>
  <li></li>
  <li></li>
</ul>

There should be no other elements which are direct children of the ul element except the li elements. Your code has divs in the middle of the ul elements and you are not properly closing any of them. Fix your html syntax errors and the other items above and let us know so we can see where you are.


#5

oh sorry, it is my first time posting on here, ill try that again.


#6

ok ill do that, thank you