liebewinter: Neue link-Menü auf Nav Element legen

Beitrag lesen

Hallo , versuche neuen Link-Menü auf meine nav-Element zu legen …

wie meine Nav-Element gebaut habe,

<ul>
    <li><a href="about_us.php">About Us</a></li>
    <li><a href="contact.php">Contact</a></li>
  </ul>
  <ul>
    <li><a href="index.php">Home</a></li>
    <li class="dropdown">
      <a href="#" class="dropbtn">Computer</a>
      <div class="dropdown-content">
       <a href="windows11.php">Windows 11</a>
       <a href="windows8.php">Windows 8</a>
       <a href="windows7.php">Windows 7</a>
       <a href="windows6.php">Windows 6</a>
     </div>
    </li>
    <li><a href="#">News</a></li>
    <li><a href="#">Bucher</a></li>
  </ul>
</nav>

Der nav-Element wird mit flex display,

nav {background-color: #d2f5c4; display: flex; }

nav a{
      color: black;
      text-decoration: none;
	  display: inline;
	  padding: 10px 8px 10px;
	  font-size: 16px;
	  font-family:  Candara, Calibri, Segoe, "Segoe UI", Optima, sans-serif;
      
}

nav ul {list-style-type: none;  flex: 1 0 auto;}

nav li { display: inline-block;}

nav ul:nth-of-type(2) {
 text-align:right;          /* beweget computer, News und Bucher   */
 padding-right:120px;

}


#navs {
  padding: 2px 0px 2px;  /* Großer Nav , nur Obern und Unten   */
}

Das Ganze Code hier

Wenn versuche eine neu Menü-Links auf meine News zu lege,

     .
     .
     .
     <li class="new">
      <a href="#" class="news">News</a>
      <div class="new-content">
       <a href="#">Reise</a>
       <a href="#">Urlaub</a>
      </div>
    </li>
    <li><a href="#">Bucher</a></li>
  </ul>
</nav> 

bewegt die anderen Links....Kann Bitte jemand helfe mit diesen Probleme , Dake !

akzeptierte Antworten