Ben na een tijdje weer bezig met een HTML/CSS layout te maken,
Probleem is, ik wil de navigatie balk die horizontaal loopt met maken het liefst.
Oftewel, de waarden wil ik naast elkaar hebben en tot nu toe zie ik op google alleen met float:left maar ik wil het gecentreerd hebben.
Huidige nav deel van de CSS, als nodig:Bij #nav ul heb ik die marges 200px om het een beetje in het midden te hebben tot nu toe.
Probleem is, ik wil de navigatie balk die horizontaal loopt met maken het liefst.
Oftewel, de waarden wil ik naast elkaar hebben en tot nu toe zie ik op google alleen met float:left maar ik wil het gecentreerd hebben.
Huidige nav deel van de CSS, als nodig:
Spoiler tonen
#nav {
background: url(img/navbg.png);
width: 100%;
height: 45px;
border-bottom: 1px black solid;
text-align: center;
}
#nav ul {
padding: 8px 0 0 0;
margin:0 200px 0 200px;
list-style:none;
text-align: center;
font-size: 20px;
font-weight: bold;
}
#nav li {
float: left; //dit wilde ik dus niet
margin: 0;
padding: 0 10px 0 10px;
border-right: 2px grey solid;
}
#nav li a {
text-decoration: none;
color: white;
}
#nav li a:hover {
text-decoration: none;
color: lightgrey;
}
#nav li:last-child{
border: 0;
