Opmaak
body {background-color: #FFDFD3
}
dit is voor de achtergrond kleur van mijn volledige website
#kop {background: #FEC8D8;
height: 64px;
text-align: center;
padding-top: 1px;
padding-bottom: 25px;
border-style: double;
font-family: "courier new", sans, serif;
}
dit is voor de achtergrond kleur van mijn kop alleen
li a {
display: block;
width: 60px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 60px;
}
li a {
display: block;
}
alles hierboven heeft te maken met de opmaak van de menu
dus de size van de blokken etc.
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
}
li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
li a:hover {
background-color: #555;
color: white;
}
dit is over het grijze kleurtje dat zichtbaar is
als je met je muis over de links gaat
.active {
background-color: #4CAF50;
color: white;
}
dit is om de user te laten weten op welke pagina ze zjn
ul {
border: 1px solid #555;
}
li {
text-align: center;
border-bottom: 1px solid #555;
}
li:last-child {
border-bottom: none;
}
hierboven is het om de links gecentreerd te krijgen
en om een border toe te voegen
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 25%;
background-color: #f1f1f1;
height: 100%;
position: fixed;
overflow: auto;
}
dit is om het menu te laten plakken ookal als je scrollt