0
Heute habe ich versucht, eine einfache css navbar und Sie wissen, nichts funktioniert, ich bin nur stecken! Kein Code funktioniert, auch das Padding funktioniert nicht. Irgendwelche Hilfe?Navbar-Code funktioniert nicht
https://codepen.io/anon/pen/gxYdPx < < Demo
Zusätzlich Mein Code,
style.css
body {
\t margin: 0;
}
.navigation {
\t background-color: #ecf0f1;
\t width: 100%;
\t height: 90px;
}
.navigation ul {
\t overflow: hidden;
\t list-style-type: none;
\t margin: 0;
\t padding: 0;
}
.navigation li {
\t float: right;
}
.navigation li a {
\t display: block;
color: white;
text-align: center;
text-decoration: none;
}index.html
<html>
\t <head>
\t \t <link rel="stylesheet" type="text/css" href="css/style.css">
\t \t <title>ZadxHost - The Best You Can Imagine!</title>
\t </head>
\t <body>
\t \t <!-- Navigation Bar -->
\t \t <div class="navigation">
\t \t \t <h1>ZadxHost</h1>
\t \t \t <ul>
\t \t \t \t <a href="#"><li>Home</li></a>
\t \t \t \t <a href="#"><li>Panel</li></a>
\t \t \t \t <a href="#"><li>Pricing</li></a>
\t \t \t \t <a href="#"><li>Contact Us</li></a>
\t \t \t </ul>
\t \t </div>
\t </body>
</html>
Sie verwenden falsche Struktur Innerhalb ul müssen Sie Listenelemente nicht Anker, so ist der richtige Weg "ul> li> a" –