Ma barre de navigation ne s'affiche pas en ligne. Lorsque le code de changement: .nav li a {...}
à .nav li{...}
il est en ligne, mais toutes les fonctions css disparaissent de la classe = nav en HTML. J'ai essayé d'ajouter ul.nav{display: inline-block;}
mais ça ne fait rien.La barre de navigation ne s'affiche pas en ligne
J'espère bien expliqué, je tentais de le comprendre depuis hier ...
html, body {
margin: 0;
padding: 0;
}
.container {
max-width: 940px;
margin: 0 auto;
padding: 5px;
}
.header {
background-color: #333;
}
.nav {
list-style-type: none;
margin: 0;
padding: 20px 0;
letter-spacing: 1.6px;
}
.nav li a {
display: inline;
text-decoration: none;
transition: 0.4s;
color: #fff;
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 12px;
margin-right: 25px;
text-transform: uppercase;
}
.nav li a:hover {
background-color: #ffffff;
color: #333;
font-weight: 900;
padding: 24px 10px;
font-size: 12px;
cursor: pointer;
}
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Raleway:400, 600" rel="stylesheet">
<link href="stylesheet.css" type="text/css" rel="stylesheet">
<script type='text/javascript' src='script.js'></script>
<script src="jquery-3.1.1.min.js"></script>
<title>Smart-Home</title>
</head>
<body>
<div class="header">
<div class="container">
<ul class="nav">
<li><a href ="indexKontakt.html"> O firmie </a></li>
<li><a href ="indexKontakt.html"> Produkty </a></li>
<li><a href ="indexKontakt.html"> Nasi partnerzy </a></li>
<li><a href ="indexKontakt.html"> Kontakt </a></li>
</ul>
</div>
</div>
ou 'display: inline-block;' aussi, et je suppose que vous devez corriger understoor à * compris *;) –
@Hidayt Rahman merci :) – Shtut
fixe- Merci soo beaucoup! Ça marche! Je me demande simplement pourquoi cela n'a pas fonctionné quand j'ai ajouté 'display: inline-block;' à '.nav li a {}' ou '.nav {}': | – stackmack