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