Bonjour, je me suis mis au codage il n'y a pas longtemps et j'ai du mal avec mon menu nav que j'ai tout récemment modifié. En gros je n'arrive pas à modifier les espaces entre chaque puces.
pour l'html :
et le css :
je voudrais que le menu soit centré, vertical et avec des puces rapproché de pas trop loin.
merci d'avance
pour l'html :
<header>
<div class="bordhaut"></div>
<nav>
<ul>
<li class="active"><a class="activetxt" href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>
</nav>
et le css :
header { background-color: white; }
header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: black;
}
header li {
display: inline-block;
margin-left: 270px;
margin-bottom:15px;
}
li {
margin-bottom:15px;
}
nav li {
list-style: none;
}
header li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
header li a:hover {
background-color: white;
}
je voudrais que le menu soit centré, vertical et avec des puces rapproché de pas trop loin.
merci d'avance
l'espace entre home etc, j'aimerais centrer le menu sur le milieu de la page et que les boutons soient rapprochés.