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 !